Directus v9页面视图能否设置可点击mailto链接与外部跳转按钮

完全可以实现你需要的效果，操作步骤如下： #

一、邮箱字段mailto跳转配置 #

1. 进入Directus后台，打开联系人数据表的页面视图配置页
2. 找到邮箱字段的展示配置项，将展示类型设置为链接（Link）
3. 在链接模板输入框中填入 mailto:{{你的邮箱字段名}}，保存配置即可

配置完成后页面视图内的所有邮箱内容都会自动转为可点击链接，点击后直接唤起系统默认邮件客户端发信。 #

二、外部站点跳转按钮配置 #

有两种常用实现方式，你可以根据需求选择：

方式1：计算字段快速实现 #

• 在联系人数据表中新增一个计算字段，字段类型选择字符串，输出格式设置为HTML
• 计算逻辑按照你的跳转规则拼接，示例：
  如果你要跳转的地址是https://外部站点域名/user/+联系人ID，就填入计算规则：
  CONCAT('<a href="https://外部站点域名/user/', id, '" target="_blank" class="button">查看外部信息</a>')
• 回到页面视图配置，将这个计算字段加入展示列即可，Directus会直接渲染为可点击的按钮样式

方式2：自定义显示组件实现（适配统一样式） #

如果需要按钮样式和后台风格统一，你可以开发轻量自定义显示扩展：

• 在项目extensions/displays/目录下新建自定义显示组件
• 组件内写好跳转逻辑和按钮样式，部署后生效
• 进入页面视图配置，给对应的跳转字段选用这个自定义显示组件即可

两种配置互不冲突，完成后刷新页面就能同时实现邮箱点击发信、跳转按钮点击跳外部站点的效果，示例效果参考：

内容的提问来源于stack exchange，提问作者Lume