vue获取input值的三种常用写法_vue.js_

1. v-model 表单输入绑定

使用v-model创建双向数据绑定, 用来监听用户的输入事件以更新数据，并对一些极端场景进行一些特殊处理。

3. ref 获取数据

这种方式类似于原生DOM,但是ref获取数据更方便

vue收集input[type=“checkbox”]的值

input[type=“checkbox”]，勾选or不勾选

要控制input[type=“checkbox”]勾选或不勾选，有以下两种方式，

• v-model="isDone"。isDone为true时，勾选；isDone为false时，不勾选
• :checked="isDone"。isDone为true时，勾选，isDone为false时，不勾选

注意哈！！此时isDone必须初始化为布尔值（或者可布尔化的类型，如字符串，数值，非0即1）

v-model

已经完成 勾选/去勾选

:checked

已经完成 勾选/去勾选

input[type=“checkbox”]多个时，哪些被选中

多个input[type="checkbox"]时，想知道哪些被选中，使用v-model，如v-model="hobbies"。

注意哈！！此时hobbies必须初始化为数组。

足球
篮球
网球

以上为个人经验，希望能给大家一个参考，也希望大家多多支持。

提示： 本文由神整理自网络，如有侵权请联系本站删除！
本站声明：
1、本站所有资源均来源于互联网，不保证100%完整、不提供任何技术支持；
2、本站所发布的文章以及附件仅限用于学习和研究目的;不得将用于商业或者非法用途；否则由此产生的法律后果，本站概不负责！