微信小程序页面带参数跳转及接收参数内容navigator

功能从index页面跳转到draw页面,并在draw页面获取id及imgUrl 
index.wxml

<navigator class=‘looks-view‘ wx:for="{{imgUrlNew}}" wx:key="index" url="/pages/draw/draw?id={{item.id}}&imgUrl={{item.img}}">
     <image src=‘{{item.img}}‘ class=‘looks-view-image‘></image>
     <text class=‘looks-view-text‘>{{item.name}}</text>
</navigator>

在draw.js中:

data: {
id:‘‘,
imgUrl:‘‘
},
onLoad: function (options) {
    this.setData({
      id: options.id,
      imgUrl: options.imgUrl
    })
  },

 

微信小程序页面带参数跳转及接收参数内容navigator

上一篇:微信小程序发送短信验证码完整实例


下一篇:Vue 3.0 和 Vue 2.0的对比