vue中v-model的使用

1、数据双向绑定。其实就是两个指令的集合。v-bind:value=""和v-on:input=""。

2、单选多选时v-model都是绑定同一个变量。

3、值绑定:

<label v-for="item in list" :for="item" :key="item">
<input type="checkbox" :value="item" :id="item" v-model="hello">{{ item }}
</label>

4、修饰符的使用:

  1. v-model.lazy:双向绑定懒绑定。
  2. v-model.number:将输入的字符转为数字。
  3. v-model.trim:截取空格。

posted on 2021-07-07 10:34  代码改变世界001  阅读(570)  评论(0)    收藏  举报

导航