方案1
使用uni-app的扩展组件 uni-link,使用参考文档uni-app官网
该组件的行为是在app内打开外部浏览器,在h5打开新网页。
方案2:
通过先跳转到web-view页面,通过web-view这个标签进行动态绑定接收来的有效可访问网址,即可实现跳转功能 在pages中新建一个webview页面 如下。
<template>
<web-view :src="webUrl"></web-view>
</template>
<script>
export default {
name: "webview",
data() {
return {
webUrl: 'https://m.baidu.com'
};
},
}
</script>
<style>
</style>
然后在pages.json中配置webview.vue页面路径
{
"path" : "pages/webview/webview",
"style" :
{
"navigationBarTitleText": "",
"enablePullDownRefresh": false
}
}
然后做一个跳转文章来源:https://www.toymoban.com/news/detail-503633.html
go() {
uni.navigateTo({
url: '/pages/webview/webview'
})
},
在模拟器上 不存在跳转的网站有https和http之分都可以跳转。文章来源地址https://www.toymoban.com/news/detail-503633.html
到了这里,关于uniapp小程序跳转到外部页面的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!