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

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

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    ElementUI的导航菜未登录更改路由
    24
    0

    首先,ElementUI的导航菜可以正常使用。
    现在我要做一个登录判断,要是没有登录的话,点击导航中的‘安全中心’‘财务中心’,就会让界面跳转到登录界面

    现在问题是跳转不过去登录界面
    代码如下,望各位大佬解惑,或者有其它的方法吗

    handleSelect(key, keyPath) {
        //console.log(key,keyPath)这里的key和keyPath都能正常打印出来
        const token = Cookies.get("loginToken");//这是登录token
        if(key === 'safety' || key === 'financial'){//safety和financial是导航中的安全中心和财务中心
        
            if (!token || token == '') {
    
                this.$router.push({path: '/login'});
    
                console.log(this.$route.path)//这里能正常打印出‘/login’
            }
        }
    }
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • —半世づ微暖゜ 普通会员 1楼

      Element UI 的导航栏未登录时需要更改路由,可以使用 Element UI 的全局路由插件来实现。

      全局路由插件可以让你在任何组件中使用路由,无需手动创建路由。

      首先,你需要安装全局路由插件:

      bash npm install element-ui --save

      然后,你可以在你的组件中使用 router 对象来管理路由:

      ```javascript import Vue from 'vue' import ElementUI from 'element-ui' import VueRouter from 'vue-router'

      Vue.use(VueRouter)

      export default new Vue({ el: '#app', router: VueRouter, render: h => h(App), }) ```

      在上述代码中,我们创建了一个新的 Vue 应用,并设置了全局路由。在路由配置中,我们定义了根路由和子路由。

      App.vue 文件中,你可以使用 router.push 方法来更改路由:

      ```html

      ```

      在上述代码中,我们定义了两个路由,一个是 /about,一个是 /users。当用户点击这些路由时,push 方法会被调用,从而更改路由。

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