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

 时间:2026-02-12 03:16:14

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

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

2、我们打开对应位置的js文件,我们这里以index.js为例子说明。在图中

 data: {

   motto: 'Hello World',

   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的赋值与取值

  • Element如何设置InputNumber隐藏按钮
  • jsp怎么判断字符长度
  • eclipse软件怎么编程可视化窗口
  • Eclipse 项目无法部署到tomcat的问题解决方法
  • IDEA怎么设置在新窗口中打开项目?
  • 热门搜索
    微信朋友圈怎么发链接 多音字大全 手动档车正确起步方法 怎么怀孕视频 痛风的症状及治疗方法 腊肠怎么做好吃 dnf怎么退工会 胖头鱼头的做法大全 大于等于号怎么打 画画图片大全简单漂亮