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

Posted dekevin技术博客

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序页面带参数跳转及接收参数内容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的主要内容,如果未能解决你的问题,请参考以下文章

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

h5打开微信小程序带参数

微信小程序页面带参数跳转

获取微信小程序URL参数

微信小程序页面常用的5种跳转方法

微信小程序页面之间的跳转