mirror of
https://github.com/501351981/vue-office.git
synced 2025-07-05 07:11:24 +08:00
53 lines
1.2 KiB
Vue
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> |