步骤如下:
1、下载需要准备的工具文件包
2、将其解压到/static/pdf文件夹下,如图:
3、创建在线查看文件的页面:
<template>
<view>
<web-view :src="path"></web-view>
</view>
</template>
<script>
export default {
data() {
return {
//你的pdf链接,链接以https://开头的可在线访问的url
fileUrl: "",
//pdf.htm所在路径
viewerUrl: '/static/pdf/-pdf--master/hybrid/pdf.html',
path: ""
};
},
onLoad(options) {
//options.url 在线预览的文件的地址
this.fileUrl = options.url;
},
onShow() {
//进行拼接即可
this.path = `${this.viewerUrl}?url=${this.fileUrl}`
}
}
</script>
<style>
</style>
4、准备好这些之后,只要保证你的文件地址能够访问,即可在线预览文件,如图: