我们用el-cascader时候element官网给的数据是如图


我们的数据是这样的

下面就来交大家怎么修改

我们修改之前要先了解props属性的使用
前端代码:

<el-cascader:options="cityList" //你获取到的数据:props="optionProps"//看下面代码v-model="selectedOptions"@change="handleChange">
</el-cascader>
optionProps: {checkStrictly: true,value: "areaId",label: "areaName",children: "children"},

这样数据就可以按照后端返回的样式显示了

el-cascader使用props设置value、label、children相关推荐

  1. 画【Python折线图】的一百个学习报告(三、设置全局 Label 颜色)

    画[Python折线图]的一百个学习报告(三.设置全局 Label 颜色) 目录 画[Python折线图]的一百个学习报告(三.设置全局 Label 颜色) 前言 学习环境 探究目标 分析过程 实践过 ...

  2. el-cascader级联选择器,解决最后一级空白过滤掉空的children,并且使用props设置children等参数

    效果图 我们的数据格式 因为我们的字段和官网提供的字段完全不同,所以需要转换 上代码 <el-cascaderref="lazytree":show-all-levels=& ...

  3. 设置同一Label内涵不同颜色字体

    UILabel * label = [[UILabel alloc]init]; NSString * htmlString = @"<span style=\"font-f ...

  4. Python matplotlib库绘图时设置标题 (label)、坐标轴 (axis) 和标注 (legend)的字体及大小

    文章目录 1 标题 2 坐标轴 3 标注 4 示例 5 展示 6 说明 1 标题 plt.xlabel('False positive rate', fontdict={"family&qu ...

  5. vue中props设置默认值

    一般情况下 props写法 props:{obj: {type: Object,default: () => {}},arr: {type: Array,default: () => [] ...

  6. Salesforce: 怎么设置Plural Label的标签

    简单的一句话,到企业组织情报(setup > Company Information > Edit ) 修改你的默认语言为英语就可以了. 新创建Object,下面就有Plural Labe ...

  7. Unity 3D 中NGUI插件设置中文label

    1.找到电脑windows文件夹下的fonts文件夹,将选中的字体拖入unity工程. 2.选择NGUI>OPEN>FONTS MAKER 3.选择字体(TYpe根据需要选择静态还是动态. ...

  8. 尤雨溪-写一个mini vue

    render 主题: render 解决问题: 1.h是什么?有什么用? h是hyperScript. 作用: 使用JS去写html.因为html最后也是render成JS 1,when to use ...

  9. Cascader 级联选择器如何根据给定的叶节点值设置默认值(数据回显)

    转载自:Cascader 级联选择器如何设置默认值(数据回显)_༺举个栗子吧༻的博客-CSDN博客_选择器设置默认值 官网cascader:https://element.eleme.cn/#/zh- ...

最新文章

  1. Nginx源代码分析 - 日志处理
  2. LinearAlgebra_1
  3. Android WebView常见问题及解决方案汇总
  4. [18/11/23]面向对象和面向过程
  5. 马斯克加入推特董事会引发员工担忧:可能改变审查规则
  6. 使用FFTW3做二维DFT的示例代码
  7. Kubeflow:连接云计算和机器学习的“桥梁”
  8. 可视化学习:可视化布局方法简介及优缺点
  9. 投资理财启蒙之定投出一个千万富翁?
  10. clamav查杀病毒
  11. 盘点“大宗商品电子交易模式”的8种交易流程
  12. php molten,当molten遇到机器学习
  13. 如何制作图片一句话木马
  14. PhotoSweeper X (重复照片清理工具)
  15. 每日一题 第二次考试 数据库题目,7.17数据库面试题目补充
  16. 五、 Usb setting 中tethering 设置流程
  17. 一道逻辑题 房间里有100盏电灯
  18. Java实现基于朴素贝叶斯的情感词分析
  19. 泰坦尼克号 第三章 模型搭建和评估
  20. caffe 绘制acceracy曲线 IndexError: list index out of range的解决方案

热门文章

  1. FileInputFormat详解
  2. python 判断图片中物体位置_Python 10行代码搞定图片中物体检测
  3. ABC3D创客项目:风力小车
  4. 蓝桥杯 基础练习 报时助手(c++)
  5. swift 的网络解析 Alamofire
  6. 汽车ECU AUTOSAR 开发
  7. STM32配置看门狗
  8. TWaver Flex培训课程视频
  9. C++11的chrono总结
  10. jsp+springboot基于ssm的人才招聘求职网站推荐模拟考试系统java idea