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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM