微信小程序:data参数的取值与赋值

根据微信小程序API可以得知:

Page(Object) 函数用来注册一个页面。接受一个 Object 类型参数,其指定页面的初始数据、生命周期回调、事件处理函数等。

data 是页面第一次渲染使用的初始数据。

页面加载时,data 将会以JSON字符串的形式由逻辑层传至渲染层,因此data中的数据必须是可以转成JSON的类型:字符串,数字,布尔值,对象,数组。

渲染层可以通过 WXML 对数据进行绑定。

下面我们来看一下 data 参数的取值与赋值:

WXML: 通过花括号进行数据绑定

<view>{{text}}</view>

JS部分: 设置 data 的初始值

Page({
  data: {
    text: 'Hello world!',
  },
})

这样就可以显示 text 设置的内容了:

微信小程序:data参数的取值与赋值 小程序 第1张

data的赋值和取值:

给 data 内的变量赋值,可以通过 setData 给他进行设置,取值可以用 this.data.object 的方式获取。

我们在页面加载完成后来一个赋值和取值的操作,代码如下:

onLoad: function (options) {
    let that = this;
    that.setData({
      text: 'Happy Day!',//赋值
    })
    console.log(that.data.text);//取值
},

这样 text 的值就改变,可以在控制台打印出现在的值:

微信小程序:data参数的取值与赋值 小程序 第2张

未经允许不得转载:Web前端开发资源网 » 微信小程序:data参数的取值与赋值

推荐阅读:

HTML5新增的几个a标签属性 移动端

HTML5新增的from表单input属性

Bootstrap里的文件分别代表什么意思及其引用方法

百度站长平台https站点提交sitemap显示“抓取失败”的解决方法

HTML页面 用CSS实现禁止选中、复制和右键

赞 (7)
分享到: +

评论 沙发

Avatar

换个身份

  • 昵称 (必填)
  • 邮箱 (选填)