uniapp小程序跳转到外部页面

这篇具有很好参考价值的文章主要介绍了uniapp小程序跳转到外部页面。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

方案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之分都可以跳转。文章来源地址https://www.toymoban.com/news/detail-503633.html

到了这里,关于uniapp小程序跳转到外部页面的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • uniapp微信公众号跳转到小程序(是点击微信页面上面的按钮/菜单跳转)

    先看效果 先贴代码: 1、先下载依赖 2、main.js 3、使用的页面引入(或者main引入) 4、初始化、注册 5、html 接下来才是重点: 要在公众号后台配置JS接口安全域名、网页授权域名、IP白名单,而且域名需要备案,在微信开发者工具中不能通过ip调试,可以修改本地hosts代理一下

    2024年02月09日
    浏览(115)
  • uniapp中点击跳转到tabBar的页面

    今天在工作中用到需要从pages页面点击按钮跳转到底部栏的tabBar页面中的情况 最初代码是这样写的,路径正确,微信开发者工具也没有报错,但就是页面不跳转  后来经过阅读uniapp的官方文档,找到了从普通页面点击跳转至tabBar页面的方法:switchTab 话不多说,直接上代码,调

    2024年02月13日
    浏览(51)
  • 微信小程序如何跳转到外部小程序

    要在微信小程序中跳转到外部小程序,您可以使用微信小程序提供的 wx.navigateToMiniProgram 方法。以下是实现步骤: 在需要跳转的页面或组件中,编写触发跳转的逻辑,例如点击按钮: 替换 \\\'外部小程序的AppID\\\' 和 \\\'外部小程序的路径\\\' 为实际的外部小程序的 AppID 和路径。 如果需

    2024年02月06日
    浏览(52)
  • uniapp实现点击A页面按钮,跳转到B页面的指定位置

    uniapp实现点击A页面按钮,跳转到B页面的指定位置 第一种方式: 必须必须要注意! scroll-into-view 即使是测试也不可写死(组件布局完成后,动态的改变这个scroll-into-view的值,才会跳到索引位置) scroll-y=“true” 固定高度 A页面 B.页面 第二种方式: 在A页面的按钮点击事件中,

    2024年01月20日
    浏览(107)
  • uniapp开发小程序:使用webview 跳转外部链接

    ①先在自己uniapp项目pages.json中建一个页面webview.vue ②页面webview.vue中的全部代码如下: ③在需要操作的页面,通过点击事件触发跳转 tips:如果链接地址不是https的,可能会出现页面无法跳转的问题:需要通过一下步骤去配置一下: https://smartprogram.baidu.com/docs/develop/component/op

    2024年02月07日
    浏览(37)
  • 如何Uniapp中嵌入H5,并且在H5中跳转到APP的指定页面

    有一个需求是,在app中嵌入一个H5页面,H5是一个网络页面,不在app项目里,APP可以打开H5页面,实现单点登录,并且在H5 页面中打开APP指定的页面 在uniapp中,有一个web-view组件,这就相当于一个浏览器组件,可以用来承载网页的容器,会自动铺满整个页面 web-view的详细文档参

    2024年02月04日
    浏览(70)
  • 微信小程序之普通页面跳转到tabBar页面

    前言 最近在做一个投稿小程序,主要功能是作者可以在微信小程序登录,注册,然后登陆进入主页面,可以投递稿件以及浏览自己已投递的稿件,和个人中心等主要功能,做的比较简单,因为本人对于小程序是一个初学者。 遇到的问题 登录页面不是tabBar页面,只是一个普通

    2024年02月08日
    浏览(65)
  • 微信短链跳转到小程序指定页面调试

    首先说下背景:后端给了短链地址,但是无法跳转到指定页面。总是在小程序首页。指定的页面我们是h5页面。排查步骤如下: 1、通过快速URL Scheme 编译。上部普通编译 下拉找到此选项。 、 2、按照小程序的要求的URL Scheme输入。另外后端给的短链打开之后,拷贝尾缀作为t

    2024年02月10日
    浏览(61)
  • uniapp微信小程序跳转到另外一个小程序

    uni.navigateToMiniProgram 功能:打开另一个小程序。 App平台打开微信小程序,使用plus.share的launchMiniProgram。注意uni-app不需要plus ready,将plus ready里的代码写到页面的onLoad生命周期即可。使用此功能需在manifest中配置微信分享SDK信息,打包后生效。 各小程序平台对跳转到其他小程序

    2024年02月12日
    浏览(50)
  • 微信扫码跳转到微信小程序指定页面

    用户想通过在微信上扫描实验室二维码直接进入小程序申请加入实验室 1、首先我们需要在微信公众平台的开发管理——开发设置,找到(扫普通链接二维码打开小程序),点击添加,会出现下面的页面,配置好之后点击保存就行了 填写页配置点击保存之后要再发布 2、在微

    2024年02月16日
    浏览(142)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包