今天在使用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

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐