53 lines
1.2 KiB
Vue

<script setup>
import VueOfficePdf from '../../packages/vue-pdf/index';
import PreviewWrapper from '../common/PreviewWrapper.vue';
import useLoading from '../hooks/useLoading.js';
import {ref} from 'vue';
function onRendered(){
useLoading.hideLoading();
}
function onError(e){
console.log('出差',e);
useLoading.hideLoading();
}
const defaultSrc = location.origin +
(location.pathname + '/').replace('//', '/')
+ 'static/test-files/test.pdf';
const docxRef = ref();
window.docxRef = docxRef;
const requestOptions = {
headers: {
'component-name': 'VueOfficePdf'
}
};
// setTimeout(()=>{
// console.log( docxRef.value.download());
// }, 2000);
</script>
<template>
<PreviewWrapper
accept=".pdf"
placeholder="请输入pdf文件地址"
:default-src="defaultSrc"
>
<template v-slot="slotProps">
<VueOfficePdf
ref="docxRef"
:src="slotProps.src"
style="flex: 1;height: 0"
:options="{lazy:true}"
:request-options="requestOptions"
@rendered="onRendered"
@error="onError"
>
</VueOfficePdf>
</template>
</PreviewWrapper>
</template>
<style scoped>
</style>