Question

vue 通过赋值改变select的value怎么触发change事件

Answer 1

从后台获取到select的值并赋值给select，怎么触发change事件html代码简写如下：
<select v-model="resData.type" @change="supRes(resData.type)" >
<option value="">--请选择--</option>
<option value="2">123</option>
<option value="3">456</option>
</select>

js代码简写如下：

axios({
method:"get",
url:"***",
params:{ id : row.id }
}).then((res)=>{
var data = res.data.content;
this.resData = {
type : data.type
}
})
supRes:function(val){
console.log(val)
}

Answer 2

1. html代码简写如下：

2. <select v-model="resData.type" @change="supRes(resData.type)" >
       <option value="">--请选择--</option>
       <option value="2">123</option>
       <option value="3">456</option>
   </select>

3. js代码简写如下：
   

4. axios({
     method:"get",
     url:"***",
     params:{ id : row.id }
     }).then((res)=>{
     var data = res.data.content;
     this.resData = {      type : data.type
     }
    })
   supRes:function(val){
     console.log(val)
   }

Answer 3

<label class="control-label pull-left label">xxxx：</label>
<select class="col-md-4 input-sm pull-left select" v-model="xxxx.xxxxId" >
   <option v-for="(item,index) in xxxList" :key="index" :value="item.xxxNum">{{item.xxx}}
   </option>
</select>

watch: {
    "xxxx.xxxxId": function (value) {
        //@todo
    }
},

我是这么做的,希望能帮到有需要的人