思路：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"}

二、点击触发跳转

 <view class="uni-form-right" @click="hrefrouterApp()"> 平台跳转 </view>// 触发跳转hrefrouterApp() {let url = 'http://xxxxxx/routerApp'  // URL是要跳转的外部地址 作为参数uni.navigateTo({url: '/pages/common/webview?url=' + url// page.json定义的路径 传url 到webview界面去接收 实现跳转})}

原文地址

uniapp 跳转外部链接_盖世小可爱的博客-CSDN博客_uniapp跳转外部链接uniapp 跳转外部链接https://blog.csdn.net/qqqnzhky/article/details/125481156

uniapp 跳转外部链接相关推荐

uniapp跳转外部链接和跳转内部网页的方法
1.打开外部链接使用内置组件web-view <template><view><web-view src="https://www.baidu.com&quo ...
uniapp 跳转内部链接/外部链接-思路：webview
1.先在自己uniapp项目pages.json建一个内部页面webview.vue 1.1在page.json里面指向我们跳转的这个内部路径:代码如下 {"path": &quo ...
thinkphp3 页面跳转外部链接_一文看懂小程序跳转的规则和注意事项
微信小程序之间是可以相互跳转的,这大大方便了商家的品牌互推和互相导流.不过,小程序跳转功能也不能乱用,它是有一定规则的:1.需要用户触发跳转若用户未点击小程序页面任意位置,则开发者将无法调用 wx.n ...
小程序接入h5页面_微信小程序跳转外部链接（h5页面）以及数据交互
最近项目有个需求,在微信小程序中跳转外部链接完成相关的操作,操作完成后返回微信小程序的相关页面. 1.跳转外部链接(官方文档) 1)入口 //跳转到入口 wx.navigateTo({url: '.. ...
微信小程序html文章添加跳转链接,微信小程序跳转外部链接（h5页面）以及数据交互...
最近项目有个需求,在微信小程序中跳转外部链接完成相关的操作,操作完成后返回微信小程序的相关页面. 1.跳转外部链接(官方文档) 1)入口 //跳转到入口 wx.navigateTo({url: '.. ...
微信小程序跳转外部链接的详细实现方法
一.需求在微信小程序中跳转h5页面二.方法 1.新建页面用来承载网页如 outer页面 <web-view src="{{src}}"> </web-vie ...
vue跳转外部链接始终带localhost,而跳转失败
vue跳转外部链接始终有localhost 记录一下,前端vue遇到的bug: 最近写了个自己的浏览器初始页面在写页面跳转的时候,跳转的新页面始终带有localhost:端口号, 比如我当前在/my ...
[Vue] vue跳转外部链接
vue跳转外部链接 vue 跳转外部链接问题,当跳转的时候会添加在当前地址后面. var url = 'www.baidu.com'//跳转1 window.location.href = url// ...
nginx做小程序外链跳转_小程序跳转外部链接怎么设置，实现小程序跳转外链的两种方法...
小程序跳转到外部链接有很多种类型,包括小程序跳转到APP,小程序跳转到小程序,小程序跳转到公众号,小程序跳转到网页等.由于小程序跳转的对象比较多,各自的规则又不一样,因此小程序跳转外部链接是用户咨询较 ...
【Web-View】小程序跳转外部链接
最近小程序的一个需求要从小程序跳转到客户的官网,或者其他外部链接,如果是以前的话,可能就无法实现,但是小程序的版本更新速度还是可观的,现在既可以跳转外部链接,还可以跳转APP: 文档: 这里需要在小程 ...

uniapp 跳转外部链接

思路：uni.navigateTo跳转到我们定义的一个内部页面，内部页面接收需要跳转到外部的URL

原文地址

uniapp 跳转外部链接相关推荐

最新文章

热门文章