如何禁止elementui导航栏菜单路由跳转
时间: 2023-07-19 13:06:51 浏览: 1392
element-ui使用导航栏跳转路由的用法详解
如果你使用的是vue-router来进行导航栏菜单的路由跳转,可以在`<el-menu>`元素中设置`:router="false"`,这样就可以禁止elementui导航栏菜单路由跳转了,示例如下:
```vue
<template>
<div>
<el-menu :default-active="$route.path" mode="horizontal" :router="false">
<el-menu-item index="/">首页</el-menu-item>
<el-menu-item index="/about">关于我们</el-menu-item>
<el-menu-item index="/contact">联系我们</el-menu-item>
</el-menu>
<router-view></router-view>
</div>
</template>
```
当然,如果你想要在某些情况下允许elementui导航栏菜单进行路由跳转,也可以通过动态绑定`:router`属性来实现,在需要禁止路由跳转的时候设置为false,需要允许路由跳转的时候设置为true。
阅读全文