vue级联面板,提供个思路,或者组件都可以

自己手写半天没捣鼓出来,提供个思路,或者组件都可以,谢谢大佬
image.png

阅读 3.3k
2 个回答
data: [
 {
   title: "层级1",
   items: [
     {
       title: "选项1"
     },
     {
       title: "选项2"
     }
   ]
 },
 {
   title: "层级2",
   items: [
     {
       title: "选项1"
     },
     {
       title: "选项2"
     }
   ]
 }
]

先确定数据结构
列遍历第一层数组
底下选项遍历对应层级items

所有的操作都是对这个对象的操作 增删改
看看js数组的操作 arr.push 和 arr.splice

至于第二个需求 做一个选中标记 例如class 点击的时候移除其他同类的class 为当前元素添加class 有了class 颜色变化 删除按钮的显隐就简单了 当然还有其他方式 你怎么方便怎么来

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题