返回介绍

双向绑定(v-model)

发布于 2021-04-10 06:03:37 字数 1685 浏览 832 评论 0 收藏 0

使用 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: ''
});

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文