目录
当前位置: 首页 > 文档资料 > Vdt.js 开发文档 >

双向绑定(v-model)

优质
小牛编辑
124浏览
2023-12-01

使用 v-model 指令,可以建立数据到模板的双向绑定。本质上它是如下写法的语法糖:

<input v-model="value" />
=>
<input value={{ self.value }} 
  ev-input={function(e) {
    self.value = e.target.value;
    this.update(); 
  }.bind(this)}
/>

由于v-model编译后会添加ev-input属性,所以使用了v-model就不能再手动添加ev-input属性了, 其他元素如radio checkbox同理,只是它们是ev-change

@since v1.3.1 支持同名事件绑定多个回调函数,所以即使添加了v-model,也能再次添加ev-input 来绑定input事件

示例

<div>
  <input v-model="name" />
  <br />
  Your input: {name}
</div>
var vdt = Vdt(template);
vdt.render({
  name: ''
});