微信小程序之页面传参

效果图:

点击编辑值传过去了,那么编辑支出类型这个界面又是如何获取到值呢?

传值代码:

type.js

editType: function (e) {
   var typeId =  e.currentTarget.dataset['id'];
   console.log("edit:"+typeId);


  wx.navigateTo({
    url: ../type_edit/type_edit?typeId=' + typeId
  })
}

type.wxml:

<text bindtap=editType' data-id={{item.typeId}}">编辑</text>

接收值核心代码如下(这段代码通常放在onLoad函数体内):

var that = this;
   that.setData({ //this.setData的方法用于把传递过来的id转化成小程序模板语言
     typeId: options.typeId
   })

 console.log(typeId:" + that.data.typeId);

 

相关文章

概述 消息能力是小程序能力中的重要组成,我们为开发者提供了...
判断H5页面环境在微信中还是小程序中 用小程序提供的wx.mini...
wx.reLaunch和wx.navigateTo,wx.navigateTo的区别 2019-03-...
微信小程序如何从数组里取值_微信小程序 传值取值的几种方法...
H5项目接入微信授权登录,通过 UA 区分微信还是普通浏览器:...
微信小程序获取data-xx=&quot;&quot;属性的值,自定...