amis2/docs/zh-CN/components/link.md
hsm-lv 1882311269
fix:去掉Link组件的事件派发(意义不大)&补充onClick (#4217)
* fix:去掉Link组件的事件派发(意义不大)&补充onClick

* feat:兼容一下老版本execOn
2022-05-05 18:02:05 +08:00

81 lines
2.4 KiB
Markdown
Executable File
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

---
title: Link 链接
description:
type: 0
group: ⚙ 组件
menuName: Link
icon:
order: 55
---
## 基本用法
```schema
{
"type": "page",
"body": {
"type": "link",
"href": "https://www.baidu.com",
"body": "百度一下,你就知道"
}
}
```
## 新标签页打开
```schema
{
"type": "page",
"body": {
"type": "link",
"href": "https://www.baidu.com",
"body": "百度一下,你就知道",
"blank": true
}
}
```
## 禁用超链接
```schema
{
"type": "page",
"body": {
"type": "link",
"href": "https://www.baidu.com",
"body": "百度一下,你就知道",
"blank": true,
"disabled": true
}
}
```
## 添加图标
```schema
{
"type": "page",
"body": {
"type": "link",
"href": "https://www.baidu.com",
"body": "百度一下,你就知道",
"blank": true,
"icon": "fa fa-search"
}
}
```
## 属性表
| 属性名 | 类型 | 默认值 | 说明 |
| ---------- | --------- | ------ | ------------------------------------------------------------------------------------ |
| type | `string` | | 如果在 Table、Card 和 List 中,为`"link"`;在 Form 中用作静态展示,为`"static-link"` |
| body | `string` | | 标签内文本 |
| href | `string` | | 链接地址 |
| blank | `boolean` | | 是否在新标签页打开 |
| htmlTarget | `string` | | a 标签的 target优先于 blank 属性 |
| title | `string` | | a 标签的 title |
| disabled | `boolean` | | 禁用超链接 |
| icon | `string` | | 超链接图标,以加强显示 |
| rightIcon | `string` | | 右侧图标 |