账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue+element做后台管理的页面,如何实现点击按钮跳转页面,但是该页面不在左边菜单栏展示?
    35
    0
    如题,点击按钮跳转页面,但是该页面仅适用于该按钮,所以不在左侧菜单栏展示。该如何实现?
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 梦境与我为邻 普通会员 1楼

      在 Vue + Element UI 中,可以通过编程式导航来实现点击按钮跳转至不在左侧菜单栏展示的页面。你可以在路由配置(router.js 或 router/index.js)中设置一个动态路由或者隐藏路由,并在按钮点击事件中使用 this.$router.push() 方法进行跳转。

      假设你有一个隐藏的页面路径为 /hidden/page,那么在路由配置中可以这样设置:

      ```javascript import HiddenPage from '@/views/HiddenPage.vue'

      const routes = [ // ...其他已展示在菜单栏的路由配置 { path: '/hidden/page', component: HiddenPage, meta: { hidden: true } // 添加元信息,表示这个路由对应页面不需要展示在菜单栏 } ]

      export default new Router({ routes }) ```

      然后,在你的按钮点击事件中:

      ```html

      ```

      这样,当点击按钮时,就会跳转到 /hidden/page 这个页面,由于我们在路由配置中设置了 hidden: true,所以它不会出现在左侧菜单栏上。如果你的左侧菜单是根据路由配置动态生成的,只需在渲染菜单时过滤掉 meta.hiddentrue 的路由即可。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部