vue使用element中Cascader 级联选择器回显

1.开发环境 vue
2.电脑系统 windows10专业版
3.在开发的过程中,我们在使用element的Cascader 级联选择器会遇到回显的问题,下面我来分享一下解决方法。
4.废话不多说,直接上代码:

//vue代码
<el-cascader
     class="ipt-cascader"
     v-model="AppListId" //关键代码
    :options="dependentData.AppList"
    :props="{ value:'value',label:'label',children:'datas'}"
     @change="handleCascaderChange"
    clearable
></el-cascader>

// return代码
AppListId:['',''],

//在对应的方法中添加如下
this.AppListId[0]=this.positionData.cdcAppId;//数组的第一个值是第一层数据的id
this.AppListId[1]=this.positionData.tabId + '';数组的第二个值是第二层的id

4.效果如下:

//注意:::这是默认显示的,不是点击之后显示的

5.本期的分享到了这里就结束啦,希望对你有所帮助,让我们一起努力走向巅峰。