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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue 通过赋值改变select的value怎么触发change事件相关的知识,希望对你有一定的参考价值。

从后台获取到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)
参考技术A

    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)

参考技术B <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
    
,

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

以上是关于vue 通过赋值改变select的value怎么触发change事件的主要内容,如果未能解决你的问题,请参考以下文章

vue $set 给数据赋值

怎样给动态添加的select赋值

vue父组件点击触发子组件事件的实例讲解

JS移动端获取触控位置

怎么用jsp给select中options赋值

Vue中Select下拉框用v-model绑定了一个值,用v-for遍历出来多个,改变一个下拉框的选项,其他的都会改变