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">
上一篇 下一篇

猜你喜欢

热点阅读