本人亲测可用哦!
核心:pdf插件+web-view
pdf插件获取地址 https://github.com/DonnaLh/-pdf-/tree/master
注意:这个链接里面的文件都是需要的哦 pdf文件里放的是插件,pdf.html也是需要的
pages下的filePreview.vue也需要
最后大概的目录是如下图所示
filePreview.vue是我们要跳转的路径,放在哪里看你自己
最后的示例如图:
点击pdf链接跳转到filePreview:
附:filePreview.vue的代码如下所示:
<template>
<view>
<web-view :src="url"></web-view>
</view>
</template>
<script>
export default {
data() {
return {
url: '',
};
},
onLoad(params){
let {url} = params
this.url = `/hybrid/html/pdf.html?url=${url}`
},
onBackPress(){}
}
</script>
<style>
</style>
注意,上面的地址,如果根据你自己的文件存放路径而变,如果是按照我上面的存放路径放的话,就不需要修改了