小工具知识网

当前位置: 首页 > 行业知识 > uniapp小程序跳转到外部页面

行业知识

uniapp小程序跳转到外部页面

2026-11-09 22:12:43 来源:互联网转载

方案1

使���uni-app的扩展组件 uni-link,使用参考文档uni-app官网

()

该组件的行为是在app内打开外部浏览器,在h5打开新网页。

方案2:

()

通过先跳转到web-view页面,通过web-view这个标签进行动态绑定接收来的有效可访问网址,即可实现跳转功能 在pages中新建一个webview页面 如下。

         export default {        name: "webview",        data() {            return {                webUrl: 'https://m.baidu.com'            };        },    }  

然后在pages.json中配置webview.vue页面路径

{            "path" : "pages/webview/webview",            "style" :                                                 {                "navigationBarTitleText": "",                "enablePullDownRefresh": false            }                    }

然后做一个跳转

go() {      uni.navigateTo({        url: '/pages/webview/webview'   })},

在模拟器上 不存在跳转的网站有https和http之分都可以跳转。

上一篇:vue使用xe-utils通用函数库,一起学前端,阿里珍藏版前端框架体系架构手写文档

下一篇:宝塔面板怎么安装web?