vue 在线预览word和excel

最新推荐文章于 2024-12-20 14:48:29 发布

徐同保

最新推荐文章于 2024-12-20 14:48:29 发布

阅读量2.6k

点赞数 15

CC 4.0 BY-SA版权

文章标签： vue.js word excel

本文链接：https://blog.csdn.net/xutongbao/article/details/142174047

yarn add @vue-office/excel @vue-office/docx

<template>
  <div>
    <vue-office-docx
      :src="docx"
      style="height: 100%; margin: 0; padding: 0"
      @rendered="rendered"
    />
  </div>
</template>

<script>
//引入VueOfficeDocx组件
import VueOfficeDocx from "@vue-office/docx";
//引入相关样式
import "@vue-office/docx/lib/index.css";

export default {
  components: {
    VueOfficeDocx,
  },
  props: {
    docx: {
      type: String,
      default:
        "a.docx", //设置文档网络地址，可以是相对地址
    },
  },
  data() {
    return {};
  },
  methods: {
    rendered() {
      console.log("渲染完成");
    },
  },
};
</script>