【element ui】使用问题记录

时间 2019-12-06

标签 element ui 使用问题记录繁體版

原文原文链接

【element ui】使用问题记录html

转载：http://www.javashuo.com/article/p-wlndkamb-dr.htmlui

=============================================================this

一、el-cascader 级联选择器显示没法清空spa

=============================================================code

一、el-cascader 级联选择器显示没法清空htm

<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须要传入一个事件对象这里是本身模拟一个事件对象来避免报错blog

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