微信小程序> 微信小程序data的赋值与取值的几种方式

微信小程序data的赋值与取值的几种方式

浏览量:9504 时间: 来源:大尧酱

目录

 

通过小程序官方文档可知(传递单个值):

传递数组:

微信小程序 跳转传参数 传对象


通过小程序官方文档可知:

 

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}}/viewview 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

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎