微信小程序wxml语法 – 数据绑定
初始化数据
-
页面.js 的 data 选项中
Page({ /** * 页面的初始数据 */ data: { msg:"初始化数据" }, })
使用数据
- 模板结构中使用双大括号
{{meg}}
<text class="userName">{{msg}}</text>
- 注意事项: 小程序中为单项数据流 model ---> view
修改数据
-
this.setData({message: ‘修改之后的数据’}, callback)
-
特点:
a) 同步修改: this.data 值被同步修改
b) 异步更新: 异步将 setData 函数用于将数据从逻辑层发送到视图层(异步)Page({ /** * 页面的初始数据 */ data: { msg:"初始化数据" }, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { console.log("onload"); // 修改msg this.setData() // console.log(this); this.setData({ msg:'修改之后的数据' }) setTimeout(()=>{ this.setData({ msg:'修改后的数据2' }) },3000) }, })
版权声明:
作者:Ne-21
链接:https://blog.gocos.cn/archives/154.html
来源:云淡风轻
文章版权归作者所有,未经允许请勿转载。
THE END
0
二维码
海报
微信小程序wxml语法 – 数据绑定
初始化数据
页面.js 的 data 选项中
Page({
/**
* 页面的初始数据
*/
data: {
msg:"初始化数据"
},
})
使用数据
模板结构中使用双大括……

共有 0 条评论