onURLQueryChange

百度小程序的页面与其 URL query 有对应关系，页面内容改变后，如有必要请调用 swan.setURLQuery，以便更好地被搜索引擎收录。

解释 ：在 Page 中定义 onURLQueryChange 处理函数，监听页面 URL query 改变。引起页面 URL query 更新的原因有：调用 swan.setURLQuery 。

方法参数

Object object

Object参数说明

示例

在开发者工具中预览效果

扫码体验

请使用百度APP扫码

图片示例

代码示例

• 在 swan 文件中

<tabs url-query-name="channel">
    <tab-item s-for="tab in tabs" name="{{tab.label}}" label="{{tab.label}}" />
</tabs>
<view class="intro">
    {{content}}
</view>

• 在 js 文件中

Page({
    data: {
        tabs: [
            { name: 'movie', label: '电影' },
            { name: 'food', label: '美食' },
            { name: 'sports', label: '体育' }
        ],
        content: '电影'
    },
    onURLQueryChange({newURLQuery, oldURLQuery}) {
        console.log(newURLQuery, oldURLQuery);
        this.setData({
            content: `${oldURLQuery.channel || '电影'} To ${newURLQuery.channel}`
        })
    }
})