步骤如下:
1、下载需要准备的工具文件包
2、将其解压到/static/pdf文件夹下,如图:
3、创建在线查看文件的页面:
<template><view><web-view :src="path"></web-view></view>
</template><script>
export default {data() {return {//你的pdf链接,链接以https://开头的可在线访问的urlfileUrl: "",//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、准备好这些之后,只要保证你的文件地址能够访问,即可在线预览文件,如图: