小程序路由传参

Posted 2021-03-25 前端伪大叔

通过路由传参的方式，会自动导入到目标页的onload的形参中；

点击页

//    父级循环                                事件                点击后传的值event接受
<view wx:for="{{9}}" wx:key="{{index}}"  bindtap="shijian" data-index="{{index}}">
  <template is="msgItem" data="{{item}}"/>
</view> 
//事件方法
shijian(event){
    var index = event.currentTarget.dataset.index
    console.log(index)
    wx.navigateTo({
        //                        把参数传给点击的组件
      url: \'/pages/nav/navs?index=\'+index,
    })
  },

访问页

死数据

 let datas = require(\'这里数据\');
 data: {
    datajson:{}
  },
onLoad: function (options) {
    let index = options.index;
    this.setData({
      datajson:data.lest[index]
    })
  },

喜欢的小伙伴可以关注我的微信公众号“前端伪大叔”