链接 Link ​

用于路由跳转或者点按操作等场景

基础用法 ​

链接组件的基本用法

<template>
  <bp-space>
    <bp-link>Link</bp-link>
    <bp-link disabled>Link</bp-link>
  </bp-space>
</template>

链接状态 ​

一共有 5 种链接状态，它们通过status 属性控制，分别是normal - 普通，primary - 主要，success - 成功，warning - 警告，danger - 危险。

<template>
  <bp-space type="vertical" size="mini">
    <bp-space>
      <bp-link status="normal">Link</bp-link>
      <bp-link status="normal" disabled>Link</bp-link>
    </bp-space>
    <bp-space>
      <bp-link>Link</bp-link>
      <bp-link disabled>Link</bp-link>
    </bp-space>
    <bp-space>
      <bp-link status="success">Link</bp-link>
      <bp-link status="success" disabled>Link</bp-link>
    </bp-space>
    <bp-space>
      <bp-link status="warning">Link</bp-link>
      <bp-link status="warning" disabled>Link</bp-link>
    </bp-space>
    <bp-space>
      <bp-link status="danger">Link</bp-link>
      <bp-link status="danger" disabled>Link</bp-link>
    </bp-space>
  </bp-space>
</template>

加载中 ​

通过 loading 使链接处于加载状态

<template>
  <bp-link loading>Loading</bp-link>
</template>
href
链接地址
String
javascript:;
status
链接状态
Enum
primary
disabled
是否禁用
Boolean
false
loading
是否加载状态
Boolean
false
click
点击链接触发
none