elementui-Cascader-单选模式，实现展开下拉直接看到选中打钩的数据

Cascader-单选模式，实现展开下拉直接看到选中打钩的数据

问题描述

1. 图中选中了值'一致'，但是打开下拉的时候，未直接展示看到我选中的值，而展示的是'导航'
2. 需求：打开下拉时，需看到自身选中的那个值

模拟后效果

1.模拟后效果，打开下拉，会直接看到选中的那个值

展示代码

<el-cascader ref="Cascader1" v-model="value" :options="options" :props="{label:'name',value:'id'}"
@change="handleChange" @visible-change="qdVisibleChange" clearable>
</el-cascader>

解决方法

methods:{
    handleChange (value) {
        console.log(value)
    },
    //解决方法主要代码
    qdVisibleChange (val) {
        if (!val) {
            if (this.$refs['Cascader1']) {
                this.$refs['Cascader1'].$refs.panel.activePath = []
            }
        } else {
            if (this.$refs['Cascader1']) {
                this.$refs['Cascader1'].$refs.panel.initStore()
            }
        }
    },
}