如何用Vue实现获取input输入值的三种常见方法？

本文共计960个文字，预计阅读时间需要4分钟。

目录

1.v-model 与单选输入绑定

2.@input 监听输入框

3.ref 获取数据

4.Vue 收集 input[type=checkbox] 的值

4.1. 使用 v-model 进行单选输入绑定

目录

• 1. v-model 表单输入绑定
• 2. @input 监听输入框
• 3. ref 获取数据
• vue收集input[type=“checkbox”]的值
• input[type=“checkbox”]，勾选or不勾选
• input[type=“checkbox”]多个时，哪些被选中

1. v-model 表单输入绑定

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