官方文档在此:https://developers.weixin.qq.com/miniprogram/dev/reference/wxml/data.html
其实现在的渲染框架差不多,例子如下:
<view> {{ message }} </view>
<input type="text" value="{{value}}">
Page({
data: {
message: 'Hello MINA!'
value: 'Hello kk!'
}
})
需要注意两点即可:
一。渲染的数据是在data里面。而不是在page里面。
二。当data的数据改变时,会改变被渲染的wxml。但是当wxml改变时,data的数据并不会改变,比如input里面如果value改了,那么data里的数据value并不会变,它不是双向的。
那么怎么做到input改变,data也要改变呢?
那么需要给表单组件来个这个
<input type="text" bindinput="bindKeyInput" value="{{value}}">
Page({
data: {
value: ''
},
bindKeyInput: function (e) {
this.setData({
value: e.detail.value
})
},
bindinput是实时获取表单数据的一个方法。
具体请参考wxml的组件块https://developers.weixin.qq.com/miniprogram/dev/component/