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

ant design vue树选择器实现部分层级禁用(指定层级或依据字段判断)

1、依据字段判断是否禁用

const handData = (array, level?) => {array.forEach((item) => {if (level === 0) {//获取一级菜单item.title = item.levelName;item.value = item.code;if (item.type == 'LAYER') {item.disabled = true;} else if (item.type == 'JOB') {item.disabled = false;}}if (item.child != null) {//获取二级菜单item.children = [...item.child];item.children.map((res) => {res.title = res.levelName;res.value = res.code;if (res.type == 'LAYER') {res.disabled = true;} else if (res.type == 'JOB') {res.disabled = false;}});handData(item.child); //递归遍历,获取后续菜单如三级菜单}});treeData.value = array;};getPostTree().then((res) => {handData(res, 0);});

2、依据层级判断是否禁用,(这里做一二级禁用,第三级放开)

const handData3 = (array, level?) => {array.forEach((item) => {if (level === 0) {//获取一级菜单item.title = item.levelName;item.value = item.code;}if (item.child != null) {//获取二级菜单item.children = [...item.child];item.children.map((res) => {res.title = res.levelName;res.value = res.code;item.disabled = true;});handData3(item.child, level + 1); //递归遍历,获取后续菜单如三级菜单} else if (item.child == null && level == 1) {item.disabled = true;}});treeData3.value = array;};

3、效果图

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

相关文章:

  • 安灯系统助力汽车零部件工厂快速解决生产异常
  • vue父子传参的方式——Prop
  • Apache Commons Text 指南:比 String 更强大的文本处理工具
  • C++面向对象编程学习
  • 云轴科技ZStack亮相迪拜GITEX大会,与阿里云再次携手深化海外合作
  • SQL Server 当前日期及其未来三天的日期
  • QUIC(Quick UDP Internet Connections)与 RTMP(Real Time Messaging Protocol)
  • 双十一送你一份购物攻略,绿联NAS DXP2800评测
  • 基于vue框架的的高校设备信息管理系统的设计与实现tx6d7(程序+源码+数据库+调试部署+开发环境)系统界面在最后面。
  • springboot3.x使用@NacosValue无法获取配置信息问题解决
  • sql获取时间差
  • 【深入理解Python中的闭包】如何有效使用嵌套函数和状态捕获!
  • npm配置阿里镜像库教程
  • Apache JMeter压力测试工具使用
  • 前端零基础入门到上班:【Day4】HTML 多媒体与表单深度教程
  • 原创作品——银行软件产品界面设计
  • 若依RuoYi-Vue 定时任务 速学
  • 【pytest学习】pytest.main()
  • 设计模式: Pimpl(Pointer to Implementation)
  • android开发中文网站 android developer
  • 实习冲刺Day1
  • 安全见闻(5)——开阔眼界,不做井底之蛙
  • Navicat 安装
  • 解读 Java 经典巨著《Effective Java》90条编程法则,第2条:遇到多个构造器参数时要考虑使用构建器
  • 拉丁美洲有望成为全球电商的新蓝海!
  • VScode远程开发之remote 远程开发(二)
  • 基于Python+SQL Server2008实现(GUI)快递管理系统
  • png格式图片怎么改成jpg?超好用的8种转换方法介绍!
  • Idea基于JRbel实现项目热部署修改Java、Xml文件无需重启项目
  • 【如何获取股票数据17】Python、Java等多种主流语言实例演示获取股票行情api接口之沪深A股近年增发数据获取实例演示及接口API说明文档