el-option 跳转外部链接
时间: 2023-07-05 10:23:36 浏览: 107
对于 ElementUI 中的 el-option 组件,你可以通过设置其 label 属性为一个链接地址,然后在该链接地址前添加一个协议,如 http:// 或 https://,从而实现跳转到外部链接。例如:
```
<el-select v-model="value">
<el-option label="前往CSDN" :value="'http://www.csdn.net'"></el-option>
</el-select>
```
这样,当用户选择该选项时,就会自动跳转到 CSDN 的首页。值得注意的是,如果你想在新标签页中打开链接,可以添加一个 `target="_blank"` 属性,如:
```
<el-select v-model="value">
<el-option label="前往CSDN" :value="'http://www.csdn.net'" target="_blank"></el-option>
</el-select>
```
阅读全文