跳到主要内容

链接

用于页面内部或外部的跳转操作，可自定义地址、打开方式、显示内容及样式。

一、何时使用​

  • 页面中需要跳转到其他页面、模块或外部地址时
  • 页面内设置导航栏、按钮式跳转、动态链接时

二、属性说明​

1. 链接配置​

链接配置

（1）页面地址​

链接跳转地址支持以下几种绑定形式：

  • 手动赋值：设置为固定地址
  • 数据绑定：绑定数据源字段（详见：数据绑定）
  • 视图参数：引用当前视图接收到的页面参数
  • 组件绑定：引用当前组件绑定的数据
  • 视图：选择当前项目中已有视图页面作为跳转目标

可设置跳转参数，配合目标页面解析。

跳转参数配置
跳转参数设置示例

（2）打开方式​

可选择以下方式打开链接：

  • 当前窗口：在当前浏览器标签内打开（默认）
  • 新窗口：在新标签页中打开

打开方式配置

2. 功能配置​

（1）显示标签​

用于设置链接的文本显示内容，支持以下绑定方式：

  • 手动赋值
  • 数据绑定
  • 视图参数
  • 组件绑定

标签设置

（2）前缀​

在链接文字前添加内容（如图标、文本符号等）：

前缀设置入口
前缀示例

（3）后缀​

在链接文字后添加内容：

后缀设置入口
后缀示例

（4）可拷贝​

启用后可在链接旁显示拷贝按钮，点击即可复制链接地址。

可拷贝示例

3. 外观设置​

（1）文字颜色​

自定义链接文字颜色：

文字颜色

（2）下划线样式​

配置是否显示下划线：

下划线配置

4. 状态控制​

无特殊状态，详见：通用状态。

三、样式​

无特殊样式配置，详见：通用样式。

四、常见使用场景​

1. 普通链接跳转​

用于基础页面跳转：

普通跳转

2. 导航栏/菜单栏​

用于顶部导航、侧边栏菜单、底部Tab跳转等：

导航跳转

3. 动态参数跳转​

根据不同参数（如 ID、类型）动态拼接跳转路径，用于详情页、编辑页跳转等业务场景。