总体思路是用uni.navigateTo跳转一个渲染外部链接的内部页面
downLoad(item){
let url = encodeURIComponent(item.url)
uni.navigateTo({
url:'./webView?url='+url
})
},
url是文件路径。要用encodeURIComponent编码。不然路径会不完整
渲染外部要用web-view
webView.vue页面
<template>
<web-view :src="url" :progress="false"></web-view>
</template>
<script>
export default {
data() {
return {
url:'',
title:''
}
},
onLoad(res) {
console.log(res.url)
this.url = decodeURIComponent(res.url);
console.log(this.url)
},
onReady(){
uni.setNavigationBarTitle({
title:this.title
})
}
}
</script>
记得接收到传过来的路径要用decodeURIComponent解码。实现跳转外部链接