elementUI的el-menu组件做内部组件和外链区分
在Element UI的el-menu组件中，可以通过el-menu-item的route属性来区分内部导航和外链。如果route属性存在，则认为是内部导航，否则，将使用to属性作为外链。
以下是一个简单的例子：
<template>
<el-menu :default-active="onActive">
<el-menu-item index="1" route="/internal-page">内部页面</el-menu-item>
<el-menu-item index="2" to="https://www.example.com">外部链接</el-menu-item>
</el-menu>
</template>
<script>
export default {
data() {
return {
onActive: '1' // 默认激活的菜单项
};
}
};
</script>在这个例子中，第一个el-menu-item使用了route属性来指定内部路由，而第二个el-menu-item使用了to属性来指定外部链接。
请注意，这种方法需要你的应用程序使用Vue Router来处理内部路由。外部链接将通过常规的<a>标签处理，因此不会受到Vue Router的影响。
评论已关闭