vue 官方文档 对于v-model 绑定value 的解释

但是有时我们想绑定 value 到 Vue 实例的一个动态属性上,这时可以用 v-bind 实现,并且这个属性的值可以不是字符串。

问题:
1.详细解释上面这段话
2.结合下面的代码 分别写一个完整的demo

复选框

<input

  type="checkbox"

  v-model="toggle"

  v-bind:true-value="a"

  v-bind:false-value="b"

>

// 当选中时

vm.toggle === vm.a

// 当没有选中时

vm.toggle === vm.b

单选按钮

<input type="radio" v-model="pick" v-bind:value="a">

// 当选中时

vm.pick === vm.a

选择列表设置

<select v-model="selected">

    <!-- 内联对象字面量 -->

  <option v-bind:value="{ number: 123 }">123</option>

</select>

// 当选中时

typeof vm.selected // -> 'object'

vm.selected.number // -> 123


蓝山帝景
浏览 1989回答 1
1回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript