vue 实现 excel预览功能

1、vue 中引入 import XLSX from 'xlsx';

2、<template><a-modal title="挢旗扦渌;预览"> <div class="home"> <div v-html="tableau" id="excelView"></div> </div> </a-modal></template>

3、 vue 调用方法

4、设置Excel转成HTML后的样式

5、 /**标题样式 */ /deep/ .class4Title 辘腋粪梯{ font-size: 18px !important; font-we足毂忍珩ight: bold !important; padding: 10px !important; border: 1px solid #e8e8e8; text-align: center; } /deep/ .class4TableTh { font-size: 12px !important; font-weight: bold !important; padding: 10px !important; border: 1px solid #e8e8e8; text-align: center; white-space: break-spaces }

6、实现预览效果