一、步骤

1、下载依赖：

npm install --save mammoth

2、在需要展示word文件的页面中引入并使用

<template>
    <div class="home">
        <div v-show="bigImg.type == 'DOCX'" class="word-box" id="wordView" v-loading="loading" element-loading-text="加载中" v-html="vHtml" />
    </div>
</template>

script:

import mammoth from 'mammoth'

create() {

this.previewWord(this.bigImg.src)

},

method: {

// 渲染 word 文件内容
        previewWord(url) {
            var vm = this
            const xhr = new XMLHttpRequest()
            xhr.open('get', url, true)
            xhr.responseType = 'arraybuffer'
            xhr.onload = function () {
                if (xhr.status === 200) {
                    mammoth.convertToHtml({ arrayBuffer: new Uint8Array(xhr.response) }).then(function (resultObject) {
                        vm.$nextTick(() => {
                            vm.vHtml = resultObject.value
                        })
                    })
                }
            }
            xhr.send()
        },

}

二、注意点

样式会丢失，此插件只提取了word文件的文字内容

觉得有用就收藏一下吧，不然下次会找不到了哟^ _ ^