vue3 预览docx文件

<div ref="container"></div> 

import { renderAsync } from "docx-preview";

// 获取到上传附件的 on-change事件
const fileViews = ref()
let container = ref(null);

const handleChange = (file) => {
	fileViews.value = file
	console.log(file)
	renderAsync(fileViews.value.raw, container.value, null, {
	   className: "docx", // 默认和文档样式类的类名/前缀
	   inWrapper: true, // 启用围绕文档内容渲染包装器
	   ignoreWidth: false, // 禁止页面渲染宽度
	   ignoreHeight: false, // 禁止页面渲染高度
	   ignoreFonts: false, // 禁止字体渲染
	   breakPages: true, // 在分页符上启用分页
	   ignoreLastRenderedPageBreak: true, //禁用lastRenderedPageBreak元素的分页
	   experimental: false, //启用实验性功能（制表符停止计算）
	   trimXmlDeclaration: true, //如果为真，xml声明将在解析之前从xml文档中删除
	   debug: false, // 启用额外的日志记录
	})
}