手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

微信小程序data的赋值与取值

时间:2024-10-13 03:40:12

1、首先我们建立一个项目,填写上小程序的APPID以及项目名称和路径地址。

微信小程序data的赋值与取值

2、我们龅歧仲半打开对应位置的js文件,我们这里以index.js为例子说明。在图中data: { motto: 'Hello World&垆杪屑丝#39;, userInfo: {}, hasUserInfo: false, canIUse: wx.canIUse('button.open-type.getUserInfo')},data里面可以自定义变量,例如第一个motto的值就是Hello World

微信小程序data的赋值与取值

3、这个motto写在index.wxml里面,要用这种格式{{motto}},在页面中显示的就是我们之前给他赋的值Hello World

微信小程序data的赋值与取值

4、如果我们想取出这个值,并改变这个值,我们用该这么做。如下图onLoad: function () {//这里演示改变motto的值 var that=this that.setData({ motto:"我是改变后的值" })},

微信小程序data的赋值与取值

5、 我们来刷新一下index.wxml页面,看看这个motto的值有没有变化?结果证明了赋值与取值以及改变值的过程。

微信小程序data的赋值与取值

6、如果我们要赋值的是一个数组,或者请求返回的结果集是一个数组,那我我们应该这样子写,data: { demo:[]//测试用的}荑樊综鲶,这里的demo赋值后就是一个数组,我们简单的来赋值一下。onLoad: function () {//这里演示改变demo的值 var that=this that.setData({ demo:[ { no1:"111" },{ no1: "222" } ] }) console.log(that.data.demo[0].no1)//这里打印数组的某个值},

微信小程序data的赋值与取值
© 手抄报圈