关于element-ui: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. 本期的分享到了这里就完结啦, 心愿对你有所帮忙, 让咱们一起致力走向巅峰。