問(wèn)題現(xiàn)象

在列表的高級(jí)搜索form表單中使用el-cascader，點(diǎn)擊清空會(huì)清空所有搜索條件，但是el-cascader會(huì)顯示上一次選擇的值，想不讓節(jié)點(diǎn)高亮選中狀態(tài)。

文檔

查看文檔，有個(gè)clearCheckedNodes方法。

image

1. 給cascader設(shè)置上ref，如下：
   ···
   <el-cascader v-model.trim ="cId" ref="cascader" :options="category" @change="handleChange"></el-cascader>
   ···

然后調(diào)用

    // 清空選中的節(jié)點(diǎn)
    this.$refs.cascader.$refs.panel.clearCheckedNodes(); 
    // 設(shè)置為空可以讓節(jié)點(diǎn)不高亮顯示
    this.$refs.cascader.$refs.panel.activePath = []; 

2. 添加清空方法

if (this.$refs.cascader){
    this.$refs.cascader.$refs.panel.clearCheckedNodes()
    this.$refs.cascader.$refs.panel.activePath = []  
    this.$refs.cascader.$refs.panel.scrollIntoView()
    this.$refs.cascader.$refs.input.$refs.input.setAttribute('aria-expanded', false)
    this.$refs.cascader.$emit('visible-change', false)
    this.$refs.cascader.$refs.panel.$emit('visible-change', false)
    this.$refs.cascader.$refs.panel.$emit('close')
}