el-option 跳转外部链接
时间: 2023-10-28 12:01:39 浏览: 146
如果你是在使用 Element UI 中的 el-option 组件,那么可以通过设置其 `value` 属性为外部链接的 URL,再通过监听 `change` 事件来实现跳转。示例代码如下:
```html
<el-select v-model="selectedOption">
<el-option
v-for="item in options"
:key="item.value"
:value="item.value"
@change="handleOptionChange(item.value)">
{{ item.label }}
</el-option>
</el-select>
```
```javascript
export default {
data() {
return {
selectedOption: '',
options: [
{
label: 'Option 1',
value: 'https://www.example.com'
},
{
label: 'Option 2',
value: 'https://www.example.com'
}
]
};
},
methods: {
handleOptionChange(value) {
window.location.href = value;
}
}
};
```
在上述代码中,我们在 el-option 组件中设置了 `value` 属性为外部链接的 URL。然后在 `change` 事件中,我们监听选择项的变化,当选择项变化时,调用 `handleOptionChange` 方法跳转到对应的外部链接。
阅读全文