elementui el-select赋值后无法触发change事件

最新推荐文章于 2024-09-02 10:35:06 发布

一袋米我给多了

最新推荐文章于 2024-09-02 10:35:06 发布

阅读量1.3w

点赞数 4

分类专栏：开发日常

本文链接：https://blog.csdn.net/qq_27437301/article/details/123065165

版权

elementui 前端 javascript

开发日常专栏收录该内容

8 篇文章 0 订阅

订阅专栏

今天在使用elementui开发时，遇到了联动选择框，在子级选择框默认选中首项时，需要触发change事件，但事实却是无法触发到change事件，要下拉选择其他项才能触发。

最后通过，watch监听子级选择框的值更新，曲线解决了问题。希望能帮到有缘人...

<el-select
   v-model="arcCategory"
   @change="arcCategoryChange"
   size="default"
   placeholder="请选择档案所在库">
   <el-option
      clearable="true"
      v-for="item in arcCategoryDataList"
      :key="item"
      :value="item.id"
      :label="item.name">
   </el-option>
</el-select>
<el-select
   v-model="arcObjType"
   style="padding-left: 5px"
   size="default"
   placeholder="请选择目录">
   <el-option
      clearable="true"
      v-for="item in arcObjTypeDataList"
      :key="item"
      :value="item.id"
      :label="item.name">
   </el-option>
</el-select>

watch:{
       'arcObjType':{// 子级下拉框的监听对象
          deep: true,
      handler: function(newval){// 监听内容如下
         this.arcObjTypeChange(newval);// 值改变后的事件处理
      }
   }
},