微信小程序wxml语法 – 数据绑定

初始化数据

  1. 页面.js 的 data 选项中

    Page({
    
    /**
     * 页面的初始数据
     */
    data: {
        msg:"初始化数据"
    },
    })

使用数据

  1. 模板结构中使用双大括号 {{meg}}
    <text class="userName">{{msg}}</text>
  2. 注意事项: 小程序中为单项数据流 model ---> view

修改数据

  1. this.setData({message: ‘修改之后的数据’}, callback)

  2. 特点:
    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)
    },
    })
转载请注明出处,谢谢!
THE END
分享
二维码
打赏
< <上一篇
下一篇>>