首页 > 其他 > 详细

v-model

时间:2020-07-29 19:55:00      阅读:73      评论:0      收藏:0      [点我收藏+]

限制:

<input>

<select>

<textarea>

components

用法:

表单控件或组件上创建双向绑定

  • 表单输入绑定:

根据控件类型自动选取正确的方法来更新元素。

通过JavaScript在组件的data中声明初始值。

在文本区域插值 (<textarea>{{text}}</textarea>) 并不会生效,应用 v-model 来代替。

单个复选框,绑定到布尔值;多个复选框,绑定到同一个数组

如果 v-model 表达式的初始值未能匹配任何选项,<select> 元素将被渲染为“未选中”状态。在 iOS 中,这会使用户无法选择第一个选项。因为这样的情况下,iOS 不会触发 change 事件。因此,推荐提供一个值为空的禁用选项。

例子:

html:

技术分享图片

 

js:

 技术分享图片

 

v-model

原文:https://www.cnblogs.com/Willa-Wei/p/13398579.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!