vue-07 表单双向绑定-视频自学
发布日期:2021-06-29 17:32:48
浏览次数:3
分类:技术文章
本文共 521 字,大约阅读时间需要 1 分钟。
01
v-model
你可以用 v-model 指令在表单 <input>、<textarea> 及 <select>元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。
信息是: {
{msg }}
02
复选框
复选框默认选中值为true 未选中值为false
03
多个复选框
我们可以把多个复选框的值保存在一个数组里面
选择的名字是: { { checkedNames }}
04
修饰符
在默认情况下,v-model 在每次 input 事件触发后将输入框的值与数据进行同步 (除了上述输入法组合文字时)。你可以添加 lazy 修饰符,从而转变为使用 change 事件进行同步:
.number
如果想自动将用户的输入值转为数值类型,可以给 v-model 添加 number 修饰符
.trim
如果要自动过滤用户输入的首尾空白字符,可以给 v-model 添加 trim 修饰符:
转载地址:https://cpython.blog.csdn.net/article/details/109307721 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
留言是一种美德,欢迎回访!
[***.207.175.100]2024年04月27日 21时51分37秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
HDU Problem - 1533 Going Home(费用流板子题)
2019-04-30
POJ 1459 -- Power Network(最大流, 建图)
2019-04-30
HDU Problem - 4289 Control(最大流)
2019-04-30
HDU Problem - 2732 Leapin' Lizards(最大流,拆点建边)
2019-04-30
HDU Problem - 5938 Four Operations
2019-04-30
牛客练习赛25 因数个数和
2019-04-30
遍历一颗树
2019-04-30
HDU Problem - 5935 Car(模拟)
2019-04-30
HDU Problem - 5971 Wrestling Match(染色)
2019-04-30
HDU Problem - 5976 Detachment(逆元,阶乘打表,数学)
2019-04-30
牛客练习赛25 B-最长区间
2019-04-30
HDU Problem - 5918 Sequence I
2019-04-30
F-子序列(组合数,打表,扩展欧拉,容斥)
2019-04-30
牛客练习赛34 E little w and Digital Root(数位dp)
2019-04-30