el-link href
时间: 2023-12-02 12:02:19 浏览: 68
el-link组件的href属性是用于指定链接的目标地址的。在基础用法中,可以通过设置href属性来指定链接的目标地址。例如:
```html
<el-link href="https://www.baidu.com" target="_blank">默认链接</el-link>
```
这个例子中,链接的目标地址被设置为"https://www.baidu.com"。点击这个链接后会在新的标签页中打开百度网页。
相关问题
vue el-link
`<el-link>` 是 Element UI 中提供的链接组件,用于创建带有样式的链接。它具有以下特点:
- 支持不同的 type 类型,包括 primary、success、warning、danger 和 info。
- 支持不同的 underline 样式,包括 always、hover 和 never。
- 支持 disabled 和 loading 状态。
- 可以通过 href 属性设置链接地址,也可以通过 to 属性设置路由地址。
使用示例:
```html
<template>
<el-link href="https://www.example.com">普通链接</el-link>
<el-link type="primary" underline="hover">主要链接</el-link>
<el-link type="success" :disabled="true">禁用链接</el-link>
<el-link type="warning" :loading="true">加载中...</el-link>
<el-link to="/home" type="danger">路由链接</el-link>
</template>
```
用el-link标签实现点击超链接下载
使用el-link标签可以实现点击超链接下载,具体操作如下:
1. 在模板中添加el-link标签,设置相应的属性:
```html
<el-link :href="downloadLink" download>
下载文件
</el-link>
```
其中,`downloadLink`是要下载的文件链接,`download`属性表示在点击链接时会下载文件而不是打开链接。
2. 在Vue实例中设置`downloadLink`属性的值:
```javascript
export default {
data() {
return {
downloadLink: 'http://example.com/file.zip'
}
}
}
```
这里的`downloadLink`可以是一个变量,根据实际需求来设置。
3. 点击el-link标签即可下载文件。
需要注意的是,el-link标签只适用于下载文件,如果要实现打开链接的功能,应该使用a标签。