目录
通过小程序官方文档可知:
Page() 函数用来注册一个页面。接受一个 object 参数,其指定页面的初始数据、生命周期函数、事件处理函数等。其中的参数data用来设置初始数据,WXML 中的动态数据均来自对应 Page 的 data。
所以如果页面需要显示动态数据必须要把数据更新到data中对应的变量中。
- 页面js文件中这么写:
Page({
data: {
message: 'Hello MINA!'
}
})
- wxml中这么写:
<view> {{ message }} </view>
如果该数据在操作过程中发生变化,需要将新数据重新绑定到该变量中,写法如下:
function setData(){
var that = this;
that.setData({
message: '新消息'
})
}
- 如果想在js文件中使用data中的数据写法如下:
function getData(){
var that = this;
console.log(that.data.message)
}
传递数组:
其他数据格式暂时不知道,我的数据主要是对象数组格式,传递的时候总是获取不到数据。所以网上找了好多没有具体方案。自己写了一下。仅供参考!
arraylist2 是一个数组,数据格式是[{"id",1},{"content","我的"}]
格式差不多就是这样 然后将它JSON.stringify()传递一下
wx.navigateTo({
url:'../textcontent/textcontent?arraylist2=' + JSON.stringify(that.data.arraylist2),
success:function(res) {
console.log("成功回调",res);
},
fail : function(res){
console.log("失败回调",res);
}
})
在下一个页面 获取值然后JSON.aprse()转换成json对象
data: {
arraylist:""
},
onLoad: function (options) {
console.log("options", options.arraylist2.title);
//var array = options.arraylist2.split(",");
var array = JSON.parse(options.arraylist2);
this.setData({
arraylist: array
})
console.log("arraylist", this.data.arraylist);
},
在需要数据的页面就可以获取{{arraylist.title}}
<view class="t-bg tx-l uinn" style='text-indent:40rpx;'>{{arraylist.title}}</view>
<view class="t-gra tx-l uinn ulh-a" style='text-indent:40rpx;'>{{arraylist.content}}</view>
微信小程序 跳转传参数 传对象
微信小程序跳转传参
一般都是传字符串到下一页,如果要想传对象怎么办呢?
我的解决办法是先将对象转换为json字符串然后到下个页面将json字符串,再转化为对象。如下:
let str=JSON.stringify(e.currentTarget.dataset.item);
wx.navigateTo({
url: '../toMybaby/babyDetail/babyDetail?jsonStr='+str,
success: function (res) {
// success
},
fail: function () {
// fail
},
complete: function () {
// complete
}
})
onLoad:function(options){
// 生命周期函数--监听页面加载
let item=JSON.parse(options.jsonStr);
this.setData({ward:item});
},
借鉴:https://blog.csdn.net/chq1988/article/details/74625741,https://blog.csdn.net/qq_38026437/article/details/80522140