我们可以使用 Vue.js 中的 v-model 指令来完成表单数据的双向绑定。--------------------------------------------------------------------------------注意:表单控件所显示的值只依赖于所绑定的数据,所以即便设置了表单控件中的 value值,也不会起作用哦。同理之前的示例我们可以发现,使用中文输入法时,只有确定选中的词语,才会被如果 Vue.js 所更新。当选中某个单选框时,则动态绑定在 :value 中定义的变量。

Vue.js 中的 v-model 指令及绑定表单元素的方法

Vue.js 中的 v-model 指令及绑定表单元素的方法

Vue.js 中的 v-model 指令及绑定表单元素的方法

Vue.js 中的 v-model 指令及绑定表单元素的方法

Vue.js 中的 v-model 指令及绑定表单元素的方法

Vue.js 中的 v-model 指令及绑定表单元素的方法

Vue.js 中的 v-model 指令及绑定表单元素的方法

Vue.js 中的 v-model 指令及绑定表单元素的方法