当前位置: 首页 > news >正文

element-plus el-cascader懒加载怎么指定对应的label和value。最后一级怎么判断?

<el-cascader:props="props"placeholder="请选择现地址所在地"v-model="currentaddress"ref="currentaddressRef"@change="currentaddressChange"style="width:100%"clearable/>

懒加载需要用到props。

const props: CascaderProps = {
//可以在这里设置对应的值。也可以在下面重写resolve的值。只要一个地方写就行。因为接口没传leaf这个参数不知道什么时候是子节点要结束。所以我就一起在下面重写了。// label: 'regionName',// value: 'code',lazy: true,lazyLoad(node, resolve) {const { level } = nodelet result = node.data;//点击的节点数据console.log("点击的节点数据", result);//注意这里的数据字段名是你改写之后的不是接口本来传的字段名console.log("level",level)let params={parentCode:result.value}regionList(params).then(res=>{console.log("===",res.data)let newData=res.data.map(item=>({'value':item.code,'label':item.regionName,'leaf':level>=4  //五级联动。取5个数据就行。level从0开始的。所以到下标4就结束}))resolve(newData)})},
}

http://www.lryc.cn/news/429109.html

相关文章:

  • pdf查看密码
  • 从bbl和overleaf版本解决Arxiv提交后缺失参考文献Citation on page undefined on input line
  • Flutter【01】状态管理
  • (转载)使用zed相机录制视频
  • C/C++中奇妙的类型转换
  • 嵌入式AI快速入门课程-K510篇 (第三篇 环境搭建及开发板操作)
  • C++第三十九弹---C++ STL中的无序容器:unordered_set与unordered_map使用详解
  • 数学建模起步感受(赛前15天)
  • 【YOLO5 项目实战】(4)红外目标检测
  • 游泳耳机哪个牌子好?角逐必选榜的4大王者游泳耳机测评解析!
  • 鹤岗房全国蔓延,现在要不要买房?
  • Flink程序部署与提交
  • 了解Android
  • Tomcat学习进阶
  • 【C++】————智能指针
  • GT IP中CC序列(Clock Correction Sequence)的周期性
  • grafana pod 无法启动 Only one datasource per organization can be marked as default
  • 你是如何克服编程学习中的挫折感的?(-@-^-0-)
  • 大数据技术之Zookeeper(1)
  • 鸿蒙学习(四):泛型空安全模块导入导出
  • 无人机(Unmanned Aerial Vehicle, UAV)视觉感知论文汇总
  • 【ORACLE】 ORA-01691: Lob 段无法通过 8192 (在表空间 XXX_SPACE 中) 扩展
  • Java之静态代理与动态代理的区别
  • 公司内网监控软件有哪些?(2024年10款最新款推荐内网监控软件)
  • CUDA编程07 - 卷积的优化
  • 解锁高效办公新姿势:SSO单点登录+企业网盘完美搭配
  • [数据集][目标检测]竹子甘蔗发芽缺陷检测数据集VOC+YOLO格式2953张3类别
  • RTC碰到LXTAL低频晶振停振怎么办?
  • 矩阵中的最大得分(Lc3148)——动态规划
  • C++ 设计模式(4. 建造者模式)