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