uni-app跳转外部链接
时间: 2023-08-03 12:02:34 浏览: 60
要在uni-app中跳转到外部链接,可以使用uni-app提供的内置组件`navigator`,并将`url`属性设置为外部链接的地址。例如:
```html
<!-- 在模板中添加 navigator 组件 -->
<navigator url="https://www.baidu.com">跳转百度</navigator>
```
当用户点击该组件时,uni-app会自动打开外部链接。同时,你也可以在uni-app中使用`uni.navigateTo`或`uni.redirectTo`等API来跳转到外部链接,不过这种方式需要在配置文件中配置外部链接白名单。
相关问题
uni-app打包app嵌套h5跳转外部链接无法返回
这可能是因为您的app嵌套的H5页面使用了浏览器中的window.history API进行页面跳转,而在uni-app中,uni.navigateTo和uni.redirectTo只能操作uni-app内部的页面栈,无法操作浏览器中的页面栈,因此无法返回到uni-app中的页面。
为了解决这个问题,您可以考虑使用uni.navigateTo和uni.redirectTo打开新的uni-app页面,而不是直接跳转到外部链接。另外,您也可以在外部链接中添加返回按钮,让用户通过点击按钮返回到uni-app页面。
uni-app打包app 嵌套h5跳转外部链接怎么返回
在uni-app中,如果要在嵌套的H5页面中跳转到外部链接,并且需要返回到上一个页面,可以使用uni-app提供的uni.navigateBack()方法。
在H5页面中跳转到外部链接时,可以使用window.location.href来实现:
```
window.location.href = 'https://www.example.com';
```
当需要返回时,可以在uni-app中使用uni.navigateBack()方法:
```
uni.navigateBack({
delta: 1 // 返回上一个页面
});
```
其中,delta表示返回的页面数,如果是返回上一个页面,则设置为1即可。如果需要返回更多层,则可以设置为2、3等。