表单控件绑定 | v-model用法
Proudlysponsoredby基础用法可以用v-model指令在表单控件元素上创建双向数据绑定。根据控件类型它自动选取正确的方法更新元素。尽管有点神奇,v-model不过是语法糖,在用户输入事件中更新数据,以及特别处理一些极端例子。TextMessageis:{{message}} {{message}}
可以用 v-model 指令在表单控件元素上创建双向数据绑定。根据控件类型它自动选取正确的方法更新元素。尽管有点神奇,v-model 不过是语法糖,在用户输入事件中更新数据,以及特别处理一些极端例子。
Text<span>Message is: {{ message }}</span>
<br>
<input type="text" v-model="message" placeholder="edit me">
Message is: {{ message }}
Multiline text<span>Multiline message is:</span>
<p>{{ message }}</p>
<br>
<textarea v-model="message" placeholder="add multiple lines"></textarea>
Message is:{{ message }}
Checkbox单个勾选框,逻辑值:
<input type="checkbox" id="checkbox" v-model="checked">
<label for="checkbox">{{ checked }}</label>
{{ checked }}
多个勾选框,绑定到同一个数组:
<input type="checkbox" id="jack" value="Jack" v-model="checkedNames">
<label for="jack">Jack</label>
<input type="checkbox" id="john" value="John" v-model="checke...