element cascader级联选择，回显不了数据

Question

<el-cascader :options="options" v-model=“value” :show-all-levels="false"></el-cascader>  
<script> 
export default { 
    data() { 
        return { 
            options: [
            { 
                value: 'zhinan', 
                label: '指南', 
                children: [
                    { 
                        value: 'shejiyuanze', 
                        label: '设计原则', 
                        children: [
                            { 
                                value: 'yizhi', 
                                label: '一致' 
                            }, 
                            { 
                                value: 'fankui', 
                                label: '反馈' 
                            },
                        ]
                    }
                 ]
             }
         ]
      }
    }
}

后台返回的数据是

item = { 
          value: 'yizhi', 
          label: '一致' 
      }

怎么能把数据回显到 cascader中呢？直接把item赋值给value是不行的

Answer 1

没太完全理解您的疑问。

只要将后台返回的数据结构按照官网给出的格式进行解析即可。二级菜单放在children里。