Elment-ui Cascader級聯選擇器 異步加載省市區

場景：

1、異步加載選擇省市區
2、編輯寫入默認值
注意：如果編輯的內容是通過每次點擊彈框顯示編輯內容，默認寫入已選選項，會出現給了默認值cascader組件不顯示問題

可以用v-if來控制，彈框打開顯示cascader組件，關閉銷毀組件

<template>
    <div class="p30">
        <el-cascader :props="props"
            v-model="value"
            ref="cas"
            clearable></el-cascader>
    </div>
</template>
<script>
import api from '@/api/organization'
export default {
    data () {
        return {
            value: '',
            initValue: ["340000", "340100"],
            props: {
                lazy: true,
                lazyLoad (node, resolve) {
          const { level } = node;
          //異步獲取省市區
                    api.getOrganizationProvince({ parentCode: level ? node.value : '' }).then(res => {
                        const provinceList = res.data.map(item => ({
                            value: item.regionCode,
                            label: item.regionName,
                            leaf: level > 0,//可控制顯示幾級
                        }))
                        resolve && resolve(provinceList)
                    })
                }
            }
        }
    },
    mounted () {
    //寫入默認值
        this.value = ["330000", "330100", "330103"]
    },
}
</script>