|
@@ -1,42 +1,42 @@
|
|
|
<template>
|
|
<template>
|
|
|
- <!-- <vue-office-docx
|
|
|
|
|
|
|
+ <vue-office-docx
|
|
|
:src="previewSrc"
|
|
:src="previewSrc"
|
|
|
:style="comStyle"
|
|
:style="comStyle"
|
|
|
@rendered="renderedHandler"
|
|
@rendered="renderedHandler"
|
|
|
@error="errorHandler"
|
|
@error="errorHandler"
|
|
|
- /> -->
|
|
|
|
|
|
|
+ />
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
|
<script setup>
|
|
<script setup>
|
|
|
-// 获取父组件传递的资源url
|
|
|
|
|
-// const props = defineProps({
|
|
|
|
|
-// previewSrc: {
|
|
|
|
|
-// type: String,
|
|
|
|
|
-// required: false,
|
|
|
|
|
-// default: () => '',
|
|
|
|
|
-// },
|
|
|
|
|
-// });
|
|
|
|
|
-// //引入VueOfficeDocx组件相关
|
|
|
|
|
-// import VueOfficeDocx from '@vue-office/docx';
|
|
|
|
|
-// import '@vue-office/docx/lib/index.css';
|
|
|
|
|
|
|
+ // 获取父组件传递的资源url
|
|
|
|
|
+ const props = defineProps({
|
|
|
|
|
+ previewSrc: {
|
|
|
|
|
+ type: String,
|
|
|
|
|
+ required: false,
|
|
|
|
|
+ default: () => '',
|
|
|
|
|
+ },
|
|
|
|
|
+ });
|
|
|
|
|
+ //引入VueOfficeDocx组件相关
|
|
|
|
|
+ import VueOfficeDocx from '@vue-office/docx';
|
|
|
|
|
+ import '@vue-office/docx/lib/index.css';
|
|
|
|
|
|
|
|
-// const comStyle = {
|
|
|
|
|
-// width: '100%',
|
|
|
|
|
-// height: '100%',
|
|
|
|
|
-// };
|
|
|
|
|
|
|
+ const comStyle = {
|
|
|
|
|
+ width: '100%',
|
|
|
|
|
+ height: '100%',
|
|
|
|
|
+ };
|
|
|
|
|
|
|
|
-// const renderedHandler = () => {
|
|
|
|
|
-// console.log('rendered');
|
|
|
|
|
-// };
|
|
|
|
|
-// const errorHandler = (err) => {
|
|
|
|
|
-// console.log('error', err);
|
|
|
|
|
-// };
|
|
|
|
|
|
|
+ const renderedHandler = () => {
|
|
|
|
|
+ console.log('rendered');
|
|
|
|
|
+ };
|
|
|
|
|
+ const errorHandler = (err) => {
|
|
|
|
|
+ console.log('error', err);
|
|
|
|
|
+ };
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
|
<style scoped lang="less">
|
|
<style scoped lang="less">
|
|
|
-.aUpload {
|
|
|
|
|
- position: absolute;
|
|
|
|
|
- top: 0;
|
|
|
|
|
- left: 0;
|
|
|
|
|
-}
|
|
|
|
|
|
|
+ .aUpload {
|
|
|
|
|
+ position: absolute;
|
|
|
|
|
+ top: 0;
|
|
|
|
|
+ left: 0;
|
|
|
|
|
+ }
|
|
|
</style>
|
|
</style>
|