思路：uni.navigateTo跳转到我们定义的一个内部页面，内部页面接收需要跳转到外部的URL
一、先建一个内部页面webview.vue
<template>
<web-view :src="url"></web-view>
</template>
<script>
export default {
data() {
return {
url: ''
}
},
onLoad(item) {
this.url = decodeURIComponent(item.url)
console.log(this.url)
// 传入需要跳转的链接 使用web-view标签进行跳转
}
}
</script>
<style lang="scss">
</style>
1.1、在page.json里面指向我们跳转的这个内部路径
{
"path" : "pages/common/webview"
}
二、点击触发跳转
界面：文章来源：https://www.toymoban.com/news/detail-518113.html
<view class="uni-form-right" @click="hrefrouterApp()"> 平台跳转 </view>
js：文章来源地址https://www.toymoban.com/news/detail-518113.html
// 触发跳转
hrefrouterApp() {
let url = 'http://xxxxxx/routerApp' // URL是要跳转的外部地址 作为参数
uni.navigateTo({
url: '/pages/common/webview?url=' + url
// page.json定义的路径 传url 到webview界面去接收 实现跳转
})
}
到了这里，关于uniapp 跳转外部链接的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
