element-plus点击详情弹出新页面
时间: 2024-06-06 09:04:11 浏览: 312
基于vue3+element-plus的管理系统.zip
5星 · 资源好评率100%
Element Plus 是一个基于 Vue.js 2.0 的桌面端组件库,提供了丰富的 UI 组件和可定制化的主题功能。点击详情弹出新页面是其中一个常见的功能,一般是通过在元素的 click 事件中调用 window.open() 方法打开一个新窗口来实现的。在 Element Plus 中,可以使用 el-link 组件和 target="_blank" 属性来实现这个功能。例如:
```html
<el-link type="primary" :underline="false" href="https://www.example.com" target="_blank">点击查看详情</el-link>
```
以上代码将在页面上显示一个按钮,点击后将打开一个新的页面,跳转到 https://www.example.com 网址。需要注意的是,为了避免浏览器拦截新窗口的打开行为,需要在链接中加入 href 属性。如果不需要打开新窗口,可以将 target 属性设为 "_self" 或者省略该属性。
阅读全文