【element ui】使用問題記錄

【element ui】使用問題記錄

轉載：http://www.javashuo.com/article/p-wlndkamb-dr.html

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

一、el-cascader 級聯選擇器顯示沒法清空

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

一、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);
}