vue打开word

先引入mammoth

npm install mammoth

全都代码

<template>
    <div id="wordView"></div>
</template>

<script>
import mammoth from "mammoth";
export default {
  name: "detail",
  data() {
    return {
      vHtml: "",
      wordURL: "" //文件地址
    };
  },
  created() {
    this.readExcelFromRemoteFile(this.wordURL);
  },
  methods: {
    // 在线查看word文件
    readExcelFromRemoteFile(url) {
      var vm = this;
      var 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(() => {
                document.querySelector("#wordView").innerHTML =
                  resultObject.value;
                // vm.vHtml = resultObject.value;
              });
            });
        }
      };
      xhr.send();
    }
  }
};
</script>