小程序地址传值-小程序页面传值、取值的几种方法，以及踩到的坑—

小程序地址传值-小程序页面传值、取值的几种方法，以及踩到的坑——UR传值-小程序页面传值

浏览量：2551 时间：2020-03-20 来源：ChannnXY

1.在小程序传值，特别是跨页面传值上踩了两百个坑的我TUT今天终于要总结一下这些年来我踩过的坑了！大致分为传值和取值两种，大家可以选择性查看！
2.一、URL传值二、缓存传值三、页面栈传值四、全局对象传值五、表单取值六、data-传值
3.一、URL传值适用场景：参数较少且不需要处理的情况，例如一篇文章的中带入文章id。使用方法：（1）标签内,参数拼接在url内，用？拼接，两个参数之间用&链接
4.A页面.wxml
viewwx:for='{{article}}'navigatorurl='/pages/B?data_1=100'navigatornavigatorurl='/pages/B?data_2=100&data_3=0'navigatornavigatorurl='/pages/B?data_4={{item.articleId}}'navigator/view
5.B页面.js
onLoad(options){console.log(options)vardata_1=options.data_1//data_1="100"，为字符串类型}
6.url带来的参数在第二个页面中用onload接，要注意，接过来的对象为字符串，如果在需要int型，请使用parseInt()函数转化为数字
7.（2）js方法当使用标签时，微信默认使用wx.navigateTo函数，即跳转之后原页面不销毁，且带的参数不能进行一些处理，在这种时候，可以使用js方法进行传值.A页面.wxml
viewbindtap=‘nav’/view
8.A.js
nav:function(){vardata_5=this.data.data;vardata_6=data_5+200;//可以对页面参数进行任意操作wx.redirectTo({url:'/pages/B?data_5='+data_5+'&data_6'+data_6,success:function(res){console.log(res)},//函数调用成功回调的函数fail:function(){},//失败调用的函数complete:function(){}//无论成败，只要完成了函数就会调用})//同样可以选择navigateToavigateBackswitchTab等等}