链接组件
打开web链接组件。点击后通过内置或外部浏览器打开链接,加载 href 属性中配置的 URL。
target="_self" 时,使用 uni_modules/uni-link/pages/link-webview 页面内的 web-view 打开链接。
target="_blank" 时,
window.open(url, '_blank')target="_blank"失败时,可以通过组件属性blank-fallback来控制失败后的回退处理策略,blank-fallback属性有3个值:
target="_blank" 时,小程序下默认转到内置浏览器打开。开发者也可以通过条件编译组合使用,比如APP平台使用_black,小程序平台使用_self
常见失败原因:
<uni-link href="https://uniapp.dcloud.net.cn">uni-app x 文档
</uni-link>
| 事件名 | 说明 | 回调参数 |
|---|---|---|
| error | 打开失败时触发 | message: string |
APP 平台依赖 uts-openSchema。uni-link 已在 uni_modules/uni-link/package.json 中声明该依赖。
组件目录下有 pages_init.json,会向应用的 pages.json 中注册组件中自带的内置浏览器页面。如在HBuilderX中弹框询问是否将组件中的页面注册到项目pages.json中时,请选择同意。
/pages/uni-ui/link/link
| Web | 微信小程序 | Android | iOS | HarmonyOS | HarmonyOS(Vapor) |
|---|---|---|---|---|---|
| 4.0 | 4.41 | 3.9 | 4.11 | 4.61 | 5.08 |
| 名称 | 类型 | 默认值 | 兼容性 | 描述 |
|---|---|---|---|---|
| href | string | undefined | "" | - | 链接地址,点击组件时要打开的 URL |
| target | "_blank" | "_self" | undefined | "_self" | - | 打开方式。"_self" 在当前应用内置 webview 中打开;"_blank" 在外部浏览器中打开(小程序端会复制链接提示用户外部打开) |
| blankFallback | "turn-self" | "copy-link-modal" | "none" | "turn-self" | - | target="_blank"失败时,可以通过本属性控制失败回退策略。"turn-self"使用_self方式打开;"copy-link-modal"复制链接并弹框提醒;"none"不回退,触发失败回调 |
| @error | Event | - | - | - |