ElementUI el-menu导航中,开启vue-router 的模式后,点击触发事件而不进行路由跳转

借助路由守卫进行判断

// 导航守卫-----全局前置守卫
router.beforeEach((to, from, next) => {
    if(to.path.indexOf('personal') !== -1){
        return false;
    }else{
        next();
    }
})

给el-menu绑定切换事件,给出提示

<el-menu @select="select"></el-menu>
select(index){
    if(index.indexOf('personal') !== -1){
        this.$message.error('该功能暂未开放,敬请期待~');
    }
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容