npm i docx-preview@0.1.4
npm i jszip
<template>
<div class="f-c h-f" style="overflow-y:scroll;">
<div ref="file" ></div>
</div>
</template>
<script>
import axios from 'axios'
const docx = require('docx-preview');
window.JSZip = require('jszip')
export default {
methods: {
preview(url) {
console.log('preview ---', url)
axios({
method: 'get',
responseType: 'blob', // 设置响应文件格式
url: url,
}).then(({data}) => {
docx.renderAsync(data,this.$refs.file) // 渲染到页面预览
})
},
},
}
</script>
