v-model的修饰符(.lazy、.number、.trim)

发布网友发布时间：2022-12-14 16:08

共1个回答

热心网友时间：2024-11-01 20:29

默认情况下，v-model绑定的value和数据都是同步更新，一旦input中的value发生变化，对应的数据马上也发生变化。
.lazy修饰符，可以监测到input输入时只要按下回车，数据才会更新

按下回车，数据才更新

默认情况下，input输入框中无论输入的是数字还是字符串，都会被当做字符串处理，但是当我们想处理的是数字类型的数据时，.number修饰符就能把数据类型改成number
未加修饰符时，数字类型也被当做字符串

添加.number修饰符

.trim修饰符会自动忽略input输入框中首尾的空格

未加修饰符时，首尾空格不会被消除

添加修饰符

开头的空格被删除了

声明：本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。E-MAIL:11247931@qq.com