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-weight: 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、实现预览效果