小程序input实现双向绑定
一，手动进行双向绑定
1.绑定事件
<input type="text" bindinput="handleInput"/>
2.定义data数据
data: {
msg:,
}
3.实时将e.detail.value输入框的值赋给数据msg
handleInput(e) {
//e.detail.value为input框的数据
//输入事件中，实时将e.detail.value输入框的值赋给数据msg。
this.setData({
msg:e.detail.value
})
}
二，model:value
># 值得说明的一点是 model:前缀这种双向绑定机制是有条件限制的。
1. 只能是单个字段的属性绑定：
正确写法：<input model:value="{
{msg}}" />
以下两种写法都是不生效的！
<input model:value="值为 {
{msg}}" />
<input model:value="{
{ a + b }}" />
2. 暂不支持data路径的属性，即对象.属性名，如
以下写法是不生效的！
<input type="text" value="{
{addForm.name}}" />
# 因model:value有条件限制，所以实际应用中方案1手动进行双向绑定的使用频率更高.
上一篇：
uniapp开发微信小程序-2.页面制作