用途:el-link 是 Element Plus 提供的文本超链接组件,适用于文本导航、外部链接、行内链接和图标链接等场景。当用户需要创建文本链接、导航链接或带样式的锚点元素时可调用。
主要能力:支持 type 属性设置类型,可选 primary、success、warning、danger、info、default,默认 default;支持 underline 控制下划线出现时机,可选 always、hover、never,默认 hover;支持 disabled 禁用;支持原生 href 与 target(_blank、_parent、_self、_top,默认 _self);支持 icon 属性传入图标组件或字符串。提供 default 与 icon 两个插槽,可自定义默认内容与图标组件。
使用方式:在模板中直接使用 <el-link> 标签,通过 href 指定跳转地址,通过 type 设置样式类型,通过 underline 控制下划线,通过 disabled 禁用。图标可通过 :icon 属性传入,也可在插槽内使用 el-icon 配合图标组件,例如从 @element-plus/icons-vue 引入 Link。
适用场景:文本导航、外部链接、行内链接、图标链接。
限制与建议:官方建议校验 URL 以防止 XSS 漏洞;建议使用 underline="hover" 以获得更好的用户体验;外部链接建议使用 target="_blank"。资料未提供收费、价格、平台等其它信息。