el-menu select跳转至第三方网站
时间: 2023-07-24 12:04:41 浏览: 126
您好!对于 el-menu 的 select 跳转至第三方网站,您可以通过以下步骤实现:
1. 在 el-menu 的 select 事件中,获取选中的菜单项的值或索引。
2. 根据选中的菜单项的值或索引,确定跳转的目标链接。
3. 使用 JavaScript 中的 window.open() 方法打开新窗口或标签页,并将目标链接作为参数传递给该方法。
以下是一个示例代码片段,演示了如何实现上述功能:
```html
<template>
<el-menu @select="handleMenuSelect">
<el-menu-item index="1">菜单项1</el-menu-item>
<el-menu-item index="2">菜单项2</el-menu-item>
<el-menu-item index="3">菜单项3</el-menu-item>
</el-menu>
</template>
<script>
export default {
methods: {
handleMenuSelect(index) {
let targetUrl = '';
switch (index) {
case '1':
targetUrl = 'https://example.com/page1';
break;
case '2':
targetUrl = 'https://example.com/page2';
break;
case '3':
targetUrl = 'https://example.com/page3';
break;
default:
break;
}
if (targetUrl) {
window.open(targetUrl);
}
}
}
}
</script>
```
请注意,这只是一个简单的示例,您需要根据实际需求进行适当的修改和扩展。希望对您有所帮助!如果您有任何问题,请随时提问。
阅读全文