vue+docx-preview实现word文档下载及预览

1. 安装依赖

   yarn add docx-preview || npm install docx-preview -S

2. 引入

   import { renderAsync } from 'docx-preview'
   

3. 详细代码

           下载

   data(){return{src: '文档地址',}
   }，
   methods:{schemeGeneration() {axios({methods: 'get',responseType: 'blob',url: this.src,}).then(({ data }) => {let childRef = document.getElementsByClassName('childRef')//用docx-preview渲染renderAsync(data, childRef[0]).then((res) => {console.log(res)})}).catch((e) => {console.log(e)})},
   }

   :deep(.docx-wrapper) {background-color: #fff;padding: 20px;
   }
   :deep(.docx-wrapper > section.docx) {width: 100% !important;padding: 0rem !important;min-height: auto !important;box-shadow: none;margin-bottom: 0;
   }

4. 效果展示

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！