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扫码

# 图片示例

# 代码示例

  • 在 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}`
        })
    }
})