【项目实战】vue-office/docx插件实现docx文件预览

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>