vue-office/docx插件实现docx文件预览

最新推荐文章于 2024-06-02 21:27:30 发布

Summer_Uncle

最新推荐文章于 2024-06-02 21:27:30 发布

阅读量712

点赞数 4

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/Summer_Uncle/article/details/137014197

版权

1.下包

//预览docx文件
npm install @vue-office/docx vue-demi

//如果是vue2.6版本或以下还需要额外安装 @vue/composition-api

在这里插入图片描述

2.引入

<template>
 <div>
  //在src填入文档地址
  <VueOfficeDocx src='http://...../xx.docx' style="width:80%" @rendered="rendered" ></VueOfficeDocx>
 </div>
</template>
<script>
import VueOfficeDocx from '@vue-office/docx'

import '@vue-office/docx/lib/index.css'

export default {

  name: 'myPreview',
  components: {
    VueOfficeDocx
  },
  data () {
    return {
    }
  },
  methods: {
    rendered () {
      console.log(666)
    }
  }
}
</script>
<style lang='scss'  scoped>

</style>