vue：input输入框多种用法的取值

最新推荐文章于 2024-07-14 12:30:57 发布

helloWorldJavaQi

最新推荐文章于 2024-07-14 12:30:57 发布

阅读量1.3k

点赞数

文章标签： vue.js

本文链接：https://blog.csdn.net/helloWorldJavaQi/article/details/121647587

版权

学习内容：

1、type值为text：取值就是value值，data定义为字符串
2、type值为radio：取值就是value，必须配置value值，data定义为字符串
3、type值为checkbox(多个选项)：如果配置了value，取值为value，data定义为数组；如果没有定义value值，那么取值就是checked(true、false)
4、type值为checkbox(单个选项)：取值为布尔类型，data定义为字符串
5、v-model双向绑定值，可以添加修饰符，例如：v-model.lazy：用于多行文本，v-model.number：验证输入类型是否为数字，@submit.prevent：阻止默认行为，提交表单，不是使页面刷新和跳转，v-model.trim：清除输入框前后空格