zoukankan      html  css  js  c++  java
  • uni-app页面跳转至外部链接

    在uni-app框架下做一个带a标签的富文本时,遇到了一个问题,官方文档推荐在H5平台下使用window.open()跳转外部链接,但是实际测试发现,如果是用类似微信内嵌浏览器,会出现从跳转的链接返回时原页面自动刷新了。经过多次尝试,发现可以使用以下写法。

    一、先新建一个vue文件,如下:

    <template>
        <web-view :src="url"></web-view>
    </template>
    
    <script>
        export default {
            data() {
                return {
                    url:''
                }
            },
            onLoad(val) {
                this.url = val.url
            }
        }
    </script>
    
    <style>
    </style>

    二、使用uni.navigateTo进行跳转

    uni.navigateTo({
      url: '/pages/common/myWebView?url=' + href
    })

    三、需要注意的是:

    1.新建的含webView的页面必须在pages.json的pages里注册

    2.以上的代码目前只在H5和微信小程序下进行了测试。

  • 相关阅读:
    数组对象
    禁止鼠标右键保存图片、文字,禁止拖动图片等代码
    解决vscode 电脑卡顿
    vscode Html标签自动补全
    git提交报错
    作为一个程序员为什么要写博客?
    aaa
    JDBC
    去ioe
    去中心化
  • 原文地址:https://www.cnblogs.com/xutao1517588477/p/15239426.html
Copyright © 2011-2022 走看看