使用vue做一个后台管理系统,点击左侧,右侧出现带有关闭标签的按钮和内容

图片描述

类似图片,但是是用vue去完成,求大神们指导!因为确实没有思路,不知道是用bus做还是用什么更好一些,

回答:

vuex 维护一个 openedMenu 数组用于渲染已打开的菜单列表

点击左侧菜单 -> 切换路由 -> 路由守卫 -> 检测当前路由是否已加入 `openedMenu`
 -> {
    -(已加入)->  继续执行
    -(未加入)->  加入到 `openedMenu` 中
 } -> 首页根据当前路由切换 `Tabs` 中处于激活的 `Pane`
点击某个 `Pane` 的关闭按钮 -> 在 `openedMenu` 中移除该路由地址并计算该 `Pane` 是否有后继 `Pane`
 -> {
   -(有)-> 切换路由至该 `Pane` 对应的路由地址
   -(无)-> 检测 `openedMenu` 中 `Pane` 的数量是否大于 0
   -> {
     -(大于0)-> 切换路由至 `openedMenu` 中第一个 `Pane` 对应的路由地址
     -(等于0)-> 在 `openedMenu` 中加入首页对应的路由地址并切换
   }
 }

回答:

这个可以使用vuex存取打开标签,参考el-element-admin

回答:

写一个tag.vue 监听路由获取信息
如果存在就不加入不存在就加入 到一个数组中;

具体的逻辑你在看一下

回答:

https://github.com/zhangdaisc…

回答:

可以参考iview-admin,或者直接用它,已经实现了你需要的功能。
https://github.com/iview/ivie…

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注