el-cascader省市区级联选择框如何拆分为三个独立都选择框样式？

Question

element-ui的级联框样式：

但是ui给出的设计图是这样的：

我尝试直接用三个el-select选择框来实现。但是出现了一个问题：当后台数据如：1000000，1000001，10000013传回来的时候，数据回显失败了

各位大佬们如何解决啊？

Answer 1

数据来源树形结构,就像下面这种？
如果是这种，要么让后端改成三个数组，要么自己对树形结构处理一下变成三个数组

{
    value: 'zhinan',
    label: '指南',
    children: [
        {
            value: 'shejiyuanze',
            label: '设计原则',
            children: [{ value: 'yizhi', label: '一致' },
        {
            value: 'fankui',
            label: '反馈'
        }
    ] 
}

Answer 2

那就使用三个 el-select 组件，并且维护好三者之间的数据关系。