首页 前端知识 vue-office/docx插件实现docx文件预览

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

2024-08-04 00:08:51 前端知识 前端哥 266 256 我要收藏

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>

转载请注明出处或者链接地址:https://www.qianduange.cn//article/14701.html
标签
评论
发布的文章

RapidJSON介绍

2024-08-14 00:08:38

jQuery 4 beta 震撼发布

2024-08-14 00:08:36

cJSON的使用

2024-08-14 00:08:36

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!