| | |
| | | <template> |
| | | <!-- <vue-office-docx |
| | | <vue-office-docx |
| | | :src="previewSrc" |
| | | :style="comStyle" |
| | | @rendered="renderedHandler" |
| | | @error="errorHandler" |
| | | /> --> |
| | | /> |
| | | </template> |
| | | |
| | | <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> |
| | | |
| | | <style scoped lang="less"> |
| | | .aUpload { |
| | | position: absolute; |
| | | top: 0; |
| | | left: 0; |
| | | } |
| | | .aUpload { |
| | | position: absolute; |
| | | top: 0; |
| | | left: 0; |
| | | } |
| | | </style> |