vue中的select框的值动态绑定

vue中的select框的值动态绑定

<--这两种写法效果一样-->
1：
<select v-model="wxStatus">
    <option label="已添加">1option>
    <option label="未添加">2option>
    <option label="拒绝添加">3option>
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 青云码上 阅读( ...) 评论( ...) 编辑 收藏