v-model model 选项
时间: 2023-07-24 19:16:57 浏览: 99
vue v-model表单控件绑定详解
v-model 是 Vue.js 中一个常用的指令,它用于在表单控件(input、select、textarea 等)上双向绑定数据。v-model 指令的语法为 v-model="data",其中 data 是 Vue 实例中定义的数据属性,它将表单控件中的值与 Vue 实例中的数据属性双向绑定。
在使用 v-model 指令时,可以使用 model 选项来自定义双向绑定的属性和事件。例如,可以使用 v-model:checked="data" 来将一个复选框的选中状态与 Vue 实例中的 data 属性双向绑定。在这个例子中,model 选项的值为一个对象,包含了属性和事件的名称。属性名称指定了控件的状态属性(如 checked、value 等),事件名称指定了控件状态变化时触发的事件(如 input、change 等)。
阅读全文