el-cascader使用问题

1.关闭el-cascader清空选择：清空v-model绑定值即可；

 2.级联选择器选中收起

handleChange() {
      this.$refs.cascaderHandle.dropDownVisible = false
},

 

3. props lazyLoad调用methods中方法：

export default {
  data() {
    let self = this
    return {
        props: {    
            lazy: true,
            checkStrictly: true,
            async lazyLoad (node, resolve) {
                ...
                self.method() //methods中方法
                ...
           }

 

4. 每次打开el-cascader都刷新里面的数据：

　　尝试过用this.$refs.cascader.panel.lazyLoad()方法，结果报

[Vue warn]: Error in v-on handler: "TypeError: Cannot read property 'panel' of undefined"
TypeError: Cannot read property 'panel' of undefined

　　最后通过改变key绑定值实现

<el-cascader 
    v-model="value" 
    :props="props" 
    :show-all-levels="false" 
    @change="handleChange"
    ref="cascader"
    :key="refresh"
/> 

export default {
    data() {
        return {
            Refresh:0,
        },
    methods: {
        method(){
            ++this.refresh;
            ...
        }