vue中的select框的值动态绑定

<--这两种写法效果一样-->
1:
<select v-model="wxStatus">
    <option label="已添加">1</option>
    <option label="未添加">2</option>
    <option label="拒绝添加">3</option>
</select>
2:
<select v-model="wxStatus">
    <option value="1">已添加</option>
    <option value="2">未添加</option>
    <option value="3">拒绝添加</option>
</select>

 

export default {
  name: 'HelloWorld',
  data () {
    return {
        wxStatus:2
    }
  }
}
已添加未添加拒绝添加已添加未添加拒绝添加

 具体用法还需自己实践,适合自己的才是最好的

posted @ 2018-05-17 15:04 青云码上 阅读( ...) 评论( ...) 编辑 收藏
Logo

前往低代码交流专区

更多推荐