当前位置:首页 » 《关于电脑》 » 正文

uniapp小程序跳转到外部页面

10 人参与  2024年04月04日 16:20  分类 : 《关于电脑》  评论

点击全文阅读


方案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            }                    }

然后做一个跳转

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

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


点击全文阅读


本文链接:http://zhangshiyu.com/post/90535.html

<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

关于我们 | 我要投稿 | 免责申明

Copyright © 2020-2022 ZhangShiYu.com Rights Reserved.豫ICP备2022013469号-1