el-option 跳转外部链接
时间: 2023-07-05 22:31:12 浏览: 57
Element-ui中元素滚动时el-option超出元素区域的问题
5星 · 资源好评率100%
el-option 是 Element UI 中的下拉选项组件,它可以通过设置 `value` 来绑定选项的值,通过设置 `label` 来显示选项的文本。如果要让 el-option 跳转到外部链接,可以在 `label` 中使用 `<a>` 标签,并设置 `href` 属性来指定链接地址,例如:
```
<el-select v-model="selected">
<el-option label="<a href='https://www.example.com'>外部链接</a>"></el-option>
</el-select>
```
这样,当用户选择该选项时,浏览器会自动跳转到指定的链接。需要注意的是,该方式可能存在安全风险,因为用户可以在 label 中插入任意 HTML 代码。如果需要保证安全性,建议在后端进行过滤或者使用其他安全措施。
阅读全文