onURLQueryChange

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

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

# 方法参数

Object object

# Object 参数说明

属性名 类型 默认值 必填 说明
newURLQuery Object 改变后的 URL query
oldURLQuery Object 改变前的 URL query

# 示例

扫码体验
重新加载
请使用百度APP扫码

# 图片示例

# 代码示例

    <tabs url-query-name="channel">
        <tab-item s-for="tab in tabs" name="{{tab.label}}" label="{{tab.label}}" />
    </tabs>
    
    <view class="intro">
        {{content}}
    </view>
    
    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}`
            })
        }
    })