需求：在点击导航菜单栏的时候，有的菜单需要进行跳转，有的则不需要进行跳转

解决方案：借助`路由守卫`进行判断

代码

设置前置路由守卫

如果路径中包含userManageAside-则不进行跳转，其余情况直接进行路由跳转
同时，给item绑定点击事件

此时，点击导航栏只会触发点击事件，而不会进行跳转了

ElementUI：navmenu导航中，开启vue-router 的模式后，点击触发事件而不进行路由跳转相关推荐

Vue 框架-02-事件：点击, 双击事件,鼠标移上事件
Vue 框架-02-事件:点击, 双击事件,鼠标移上事件 1.单击事件:v-on:click 源码 app2.js : //实例化 vue 对象 new Vue({//注意代码格式//el:eleme ...
Linux中ctrl+f2进入编辑模式后，localhost怎么输入密码都不对
Linux中ctrl+f2进入编辑模式后,localhost怎么输入密码都不对 localhost login:****** Password:******* Linux环境下password的输入是 ...
Vue3中的Vue Router初探
对于大多数单页应用程序而言,管理路由是一项必不可少的功能.随着新版本的Vue Router处于Alpha阶段,我们已经可以开始查看下一个版本的Vue中它是如何工作的. Vue3中的许多更改都会稍微改变 ...
Elementui NavMenu 导航菜单使用
官方文档https://element.eleme.cn/#/zh-CN/component/menu NavMenu 导航菜单官方使用项目实例官方使用 <el-menu :default ...
webpack vue router import() 打包后单个js文件名称自定义
webpack 配置输出文件名 output: {path: path.resolve(__dirname, 'public'),filename: '[name].[hash:8].js',chun ...
Vue改用history模式后Nginx代理报404
由于以前VUE采用hash模式: hash -- 即地址栏 URL 中的 # 符号(此 hash 不是密码学里的散列运算) 比如:http://abc.example.com/abc/#/hello, ...
element-ui NavMenu 导航菜单通过一个按钮控制
element -ui 里导航菜单是通过两个按钮控制的,但实际开发中很多情况是通过一个按钮来toggle,而且有一个坑就是elemnt ui NavMenu的el-radio-butto 不是clic ...
ElementUI NavMenu导航菜单,跳转到包含子路由的路由时，导航菜单项不高亮显示
原因:当路由地址发生变化时,想要对应的高亮显示的菜单项发生变化,只需要设置 :default-active="$route.path"即可,但是当跳转的路由(父路由)包含子路由(即 ...
elementUi NavMenu 导航菜单去除下划白线
<el-menuclass="el-menu-vertical-demo menu-left":unique-opened="true"v-for=&qu ...
Vue Router history模式的配置方法及其原理
转载地址:https://segmentfault.com/a/1190000019391139 vue-router分为hash和history模式,前者为其默认模式,url的表现形式为http:/ ...

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

需求：在点击导航菜单栏的时候，有的菜单需要进行跳转，有的则不需要进行跳转

解决方案：借助`路由守卫`进行判断

代码

ElementUI：navmenu导航中，开启vue-router 的模式后，点击触发事件而不进行路由跳转相关推荐

最新文章

热门文章

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

需求：在点击导航菜单栏的时候，有的菜单需要进行跳转，有的则不需要进行跳转

解决方案：借助路由守卫进行判断

代码

ElementUI：navmenu导航中，开启vue-router 的模式后，点击触发事件而不进行路由跳转相关推荐

最新文章

热门文章

解决方案：借助`路由守卫`进行判断