javascrip读取excle文件用SheetJS或XLSX有没有html加vue和css具体案例

当然有，下面是一个使用SheetJS、Vue和CSS的具体案例，它读取一个Excel文件并将其转换为HTML表格，并使用Vue和CSS将表格渲染到页面上：

<template>
  <div class="table-container" v-html="html"></div>
</template>

<script>
  // 导入SheetJS库
  import XLSX from 'xlsx';

  export default {
    data() {
      return {
        html: ''
      }
    },
    mounted() {
      // 从文件中读取Excel数据
      const workbook = XLSX.readFile('example.xlsx');

      // 获取第一个工作表
      const sheetName = workbook.SheetNames[0];
      const sheet = workbook.Sheets[sheetName];

      // 将工作表转换为HTML表格
      this.html = XLSX.utils.sheet_to_html(sheet);
    }
  }
</script>

<style scoped>
  .table-container {
    font-family: Arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
  }

  .table-container td, .table-container th {
    border: 1px solid #ddd;
    padding: 8px;
  }

  .table-container th {
    text-align: left;
    background-color: #f2f2f2;
  }
</style>

这个示例代码假设Excel文件`example.xlsx`与代码文件在同一个目录下。它使用Vue的`v-html`指令将SheetJS生成的HTML表格渲染到页面上。同时，它还使用CSS样式对表格进行了一些样式化处理，例如设置字体、边框、背景色等等。

需要注意的是，由于`v-html`指令会将任意的HTML代码插入到页面上，因此需要对表格的安全性进行考虑，避免出现跨站脚本攻击等安全问题。