在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和微信小程序下進行了測試。