Vue - v-model
2018-12-20 本文已影响0人
杂选说
1.使用v-model 可以在<input>、<textarea>以及<select>元素上实现双向数据绑定
<input v-model="message" placeholder="edit me" v-bind:value="">
<p>Message is: {{ message }}</p>
单选按钮
<input type="radio" id="one" value="One" v-model="picked">
注:动态绑定值,v-bind:value=""
2.修饰符
* .lazy
//在数据有改变的时候更新,而不是在输入时更新
<input v-model.lazy="msg" >
* .number
//自动将用户的输入值转为数值类型
<input v-model.number="age" type="number">
* .trim
//自动过滤用户输入的首尾空白字符
<input v-model.trim="msg">