微信小程序学习笔记 >路由传参

方法一：通过 <navigator></navigator> 这个标签

你点击跳转的这个事件上添加 navigator 这个标签

具体写法是这样的
在 pages =>index => index.wxml 里面写上这样一段代码

<navigator url= '../logs/logs?id=100'>
    <view>
        <text class="user-motto">文章1</text>
    </view>
</navigator>

设置好需要跳转的位置，在这里我想让它跳转到 logs 页面 ，等点击跳转过来的时候，logs.js 文件里面需要这样设置才能拿到参数 ，前提要在 onLoad 事件里面设置

具体设置如下

  data: {
    articleId : null
    
  },

  onLoad: function (options) {
      this.setData({ articleId:options.id})
  },

---

方法二： 通过 wx.navogateTo 这个API
在 pages =>index => index.wxml 里面写上这样一段代码,和方法一不同的是，去掉 navigator 这个标签 然后绑定一个点击事件

 <view>
        <text class="user-motto" bindtap='itemClick'>文章1</text>
    </view>

在 pages =>index => index.js 里面设置 itemClick 事件

  itemClick:function(){
    wx.navigateTo({
      url:'../logs/logs?id=1'
    })
  }

在 logs.js 的设置和方法一中是一样的，为了方法二的完整性我就直接从上面 copy 下来了

  data: {
    articleId : null
    
  },

  onLoad: function (options) {
      this.setData({ articleId:options.id})
  },