zl程序教程

您现在的位置是:首页 >  后端

当前栏目

48Vue - 绑定 value(单选按钮、选择列表设置)

列表 设置 选择 绑定 按钮 value 单选
2023-09-11 14:15:43 时间

单选按钮:

HTML代码:

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

JS代码:

// 当选中时
vm.pick === vm.a

选择列表设置:

HTML代码:

<select v-model="selected">
    <!-- 内联对象字面量 -->
  <option v-bind:value="{ number: 123 }">123</option>
</select>

JS代码:

// 当选中时
typeof vm.selected // -> 'object'
vm.selected.number // -> 123