0.0.4

Link 链接 ​

文字超链接。

安全提示

href 会直接渲染到 <a> 标签。若传入 javascript:alert(1) 或恶意 URL，可能导致 XSS 或 开放重定向 风险。

使用前请校验并净化 URL，例如：

展开代码示例
js
function sanitizeUrl(url) {
  const allowedProtocols = ['http:', 'https:']
  try {
    const parsed = new URL(url, window.location.origin)
    return allowedProtocols.includes(parsed.protocol) ? parsed.href : '#'
  } catch {
    return '#'
  }
}

基础用法 ​

基础文字链接。

禁用状态 ​

链接的禁用样式。

下划线 ​

控制下划线显示时机。

WARNING

布尔值用法已弃用，请迁移到新取值。

图标 ​

带图标的链接。

TIP

使用 icon 添加图标：可传入已注册的组件名字符串，或直接传入 SVG Vue 组件。图标名可在 Uniboot UI 的图标文档中查找。

链接 API ​

链接 属性 ​

名称说明类型默认值
type类型enumdefault
underline下划线显示时机enumhover
disabled是否禁用booleanfalse
href同原生超链接 hrefstring—
target同原生超链接 targetenum_self
icon图标组件string / Component—

链接 插槽 ​

名称说明
default自定义内容
icon自定义图标