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;
            ...
        }