uniapp跳转外部链接
总体思路是用uni.navigateTo跳转一个渲染外部链接的内部页面downLoad(item){let url = encodeURIComponent(item.url)uni.navigateTo({url:'./webView?url='+url})},url是文件路径。要用encodeURIComponent编码。不然路径会不完整渲染外部要用web-viewwebView.vue页面&
·
总体思路是用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>
这个也需要在page.json里面配置哦
{
"path": "pages/template/webView/webView"
// webView
},
更多推荐
已为社区贡献74条内容
所有评论(0)