nested_el-checkbox:element-ui的el-checkbox实现嵌套多选,单选

时间:2024-06-01 03:43:12
【文件属性】:

文件名称:nested_el-checkbox:element-ui的el-checkbox实现嵌套多选,单选

文件大小:5KB

文件格式:ZIP

更新时间:2024-06-01 03:43:12

附件源码 文章源码

nested_el-checkbox element-ui的el-checkbox实现嵌套多选,单选 tips:chrome获取本地json数据时会产生跨域问题,建议用firefox直接打开 效果图 主要功能: 实现多选框层级嵌套 当选中一个二级子菜单的时候,其对应的上级菜单也选中 若二级子菜单无一个选中,则对应的一级菜单也不是选中状态 当一级菜单发生点击事件时,若原本为选中状态,则取消选中,若该菜单下有二级子菜单,所有子菜单也取消选中状态;若原本为未选中状态,则改为选中状态,若该菜单下有二级子菜单,所有子菜单也改为选中状态。 实现已有的选择记录的复现。 实现过程 1.data数据 data() { return { menu: [] //所有的菜单数组, menusIds: [] //已选的菜单id数组 } } 2.html部分   要实现一个嵌套的效果,每一个一级菜单应该


【文件预览】:
nested_el-checkbox-master
----data.json(3KB)
----README.md(5KB)
----ele.css(560B)
----index.html(4KB)

网友评论