element ui 侧边导航点击后直接就新页面了
Element UI的侧边导航(<el-menu>
)通常用于单页面应用(SPA),点击菜单项通常不会导致页面刷新。如果你遇到点击后直接跳转到新页面的问题,可能是由以下原因造成的:
- 你可能在菜单项上使用了
<a>
标签而不是Element UI的<el-menu-item>
,并且为<a>
标签设置了target="_blank"
属性。 - 你可能在Vue的路由配置中错误地将菜单项配置为导航到不同的URL。
解决方法:
- 如果你使用
<a>
标签,请确保你没有设置target="_blank"
。改用Element UI的<el-menu-item>
组件,并通过Vue Router的push
方法或router-link
组件来处理导航。
<!-- 使用 router-link 组件 -->
<el-menu-item index="1" router to="/path/to/destination">
<i class="el-icon-menu"></i>
<span slot="title">导航项</span>
</el-menu-item>
- 如果你需要打开一个新页面,可以在点击事件处理函数中使用
window.open
。
methods: {
handleClick(url) {
window.open(url, '_blank');
}
}
确保你的Vue Router配置正确,并且没有任何重定向到外部URL的规则。如果你的菜单项应该导航到外部链接,请使用window.open
或<a target="_blank">
。
评论已关闭