uni-app页面跳转至外部链接

  • A+
所属分类:vue 前端

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

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: