我们可以用 v-model 指令在表单 input 及 textarea 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。

文本输入框

    
你输入的内容: {
   { message }}
多行文本框
    
你输入的内容：{
   { message }}
单选框
    
    复制代码

多选框

    复制代码

下拉单选框

    
    复制代码

下拉多选框

    
    复制代码

总结

这节我们学习了HTML中表单的单行文本框、多行文本框、单选框、多选框、下拉单选框、下拉多选框等元素在vue.js中的数据绑定，同时也学习了通过给绑定的变量赋值来控制表单元素的默认值，很简单吧。

下一篇