微信小程序数据绑定

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序数据绑定相关的知识,希望对你有一定的参考价值。

(数据绑定)

数据绑定的基本原则

①在data中定义数据 ②在WXML中使用数据

在data中定义页面数据

在页面对应的.js文件中,把数据定义到data对象中即可:

Page(
    data:
        // 字符串类型的数据
        info: init data
        // 数据类型的数据
        msgList:[msg:hello,msg:world]
    
)

Mustache语法格式

把data中的数据绑定到页面中渲染,使用Mustache语法将变量包起来即可,语法格式如下:

<view>要绑定的数据名称</view>

以上是关于微信小程序数据绑定的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序事件绑定

微信小程序事件传参与数据同步

[微信小程序] 微信小程序下拉滚动选择器picker绑定数据的两种方式

微信小程序中的数据双向绑定

微信小程序被绑定了怎么解除?

02微信小程序的数据绑定