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和微信小程序下进行了测试。

posted @ 2021-09-07 17:48  Mr-Nobody  阅读(13261)  评论(0编辑  收藏  举报