问答

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

作者:admin 2021-09-08 我要评论

el-cascader :options="options" v-model=“value” :show-all-levels="false"/el-cascader script export default { data() { return { options: [ { value: 'z...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)
<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是不行的

###

没太完全理解您的疑问。

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

###

https://blog.csdn.net/qq_3978...

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • element  cascader级联选择,回显不了

    element cascader级联选择,回显不了

  • vue项目打包后,创建node服务器进行本

    vue项目打包后,创建node服务器进行本

  • 大家目前做后台也是前后端分离吗?

    大家目前做后台也是前后端分离吗?

  • scrapy取表格,表头为固定字符的某一行

    scrapy取表格,表头为固定字符的某一行

腾讯云代理商
海外云服务器