uniapp安卓-IOS打开pdf文件组件

调用：

this.$refs.openPdf.preview(item.url)

使用：

<!-- pdf预览start -->
<previewPdf ref="openPdf"></previewPdf>
<!-- pdf预览end -->

引用：

import previewPdf from '@/components/preview-pdf/preview-pdf.vue' //pdf预览

单独的页面：自己可以修改的，不要局限性

<template>
<view>

</view>
</template>

<script>
export default {
data() {
return {

};
},methods:{
//预览pdf
preview(pdfUrl){
uni.showLoading({title: '加载中'});
let urlPath=pdfUrl.replace(/http:/g,"https:")
console.log(urlPath,pdfUrl,'pdf地址')
uni.downloadFile({
url: urlPath,
success: (rest) => {
let filePath = rest.tempFilePath
uni.openDocument({
filePath: filePath,
success: function(res) {
uni.hideLoading()
console.log('打开成功');
}
})
}
})
}
}
}
</script>

<style lang="less">

</style>