今天在使用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);// 值改变后的事件处理
      }
   }
},

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐