# EpLink 链接

基于 el-link 封装的链接组件。

## 基本用法

```vue
<template>
  <EpLink content="查看详情" @click="handleClick" />
</template>

<script setup>
const handleClick = () => {
  console.log('点击')
}
</script>
```

## Props

| 属性 | 说明 | 类型 | 默认值 |
|------|------|------|--------|
| content | 链接文本 | `string` | - |
| type | 类型 ^el^ | `'primary' \| 'success' \| 'warning' \| 'danger' \| 'info'` | `'primary'` |
| underline | 下划线 ^el^ | `'always' \| 'hover' \| 'never'` | `'never'` |
| disabled | 是否禁用 ^el^ | `boolean` | `false` |
| href | 链接地址 ^el^ | `string` | - |

> ^el^ 表示继承自 [el-link](https://element-plus.org/zh-CN/component/link.html) 的属性

## 在表格中使用

```tsx
const columns = [
  {
    prop: 'orderNo',
    label: '订单号',
    type: 'EpLink',
    props: {
      onClick: (row) => {
        // 跳转详情
      },
    },
  },
]
```

## 在 Form 中使用

```tsx
const formItemList = [
  {
    prop: 'relatedNo',
    label: '关联单号',
    type: 'EpLink',
    props: {
      onClick: () => {
        // 跳转关联单据
      },
    },
  },
]
```