阅读(2725) (9)

百度智能小程序 监听页面URLquery改变

2020-08-13 15:25:39 更新

onURLQueryChange

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

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

方法参数

Object object

Object 参数说明

属性名类型默认值必填说明

newURLQuery

Object

改变后的 URL query

oldURLQuery

Object

改变前的 URL query

示例 

在开发者工具中打开


图片示例



代码示例

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

<view class="intro">
    {{content}}
</vie
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}`
        })
    }
})