【element ui】使用问题记录

转载：https://www.cnblogs.com/yangchongxing/p/10750994.html

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

=============================================================

1、el-cascader 级联选择器显示无法清空

=============================================================

1、el-cascader 级联选择器显示无法清空

<el-cascader 
    ref="mycascader" 
    :options="dataArray" 
    v-model="selectData"
    :show-all-levels="false" expand-trigger="click"
    clearable
    change-on-select>
</el-cascader>

定义一个 ref ，使用 clearValue 方法清空

let obj = {};
obj.stopPropagation = () =>{};
this.$refs.mycascader.clearValue(obj);

clearValue 源码如下，此处clearValue需要传入一个事件对象 这里是自己模拟一个事件对象来避免报错

clearValue: function clearValue(ev) {
    ev.stopPropagation();
    this.handlePick([], true);
}

 

扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄