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

发布网友 发布时间：2022-04-24 03:39

我来回答

共3个回答

热心网友 时间：2022-05-03 00:09

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)
}

热心网友 时间：2022-05-03 01:27

从后台获取到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)
}

热心网友 时间：2022-05-03 03:02

<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
    }
},

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