onURLQueryChange

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

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

方法参数

Object object

Object参数说明

属性名类型默认值必填说明
newURLQueryObject改变后的 URL query
oldURLQueryObject改变前的 URL query

示例

在开发者工具中预览效果

扫码体验

onURLQueryChange - 图1请使用百度APP扫码

图片示例

onURLQueryChange - 图2

onURLQueryChange - 图3

onURLQueryChange - 图4

代码示例

  • 在 swan 文件中
  1. <tabs url-query-name="channel">
  2. <tab-item s-for="tab in tabs" name="{{tab.label}}" label="{{tab.label}}" />
  3. </tabs>
  4. <view class="intro">
  5. {{content}}
  6. </view>
  • 在 js 文件中
  1. Page({
  2. data: {
  3. tabs: [
  4. { name: 'movie', label: '电影' },
  5. { name: 'food', label: '美食' },
  6. { name: 'sports', label: '体育' }
  7. ],
  8. content: '电影'
  9. },
  10. onURLQueryChange({newURLQuery, oldURLQuery}) {
  11. console.log(newURLQuery, oldURLQuery);
  12. this.setData({
  13. content: `${oldURLQuery.channel || '电影'} To ${newURLQuery.channel}`
  14. })
  15. }
  16. })