【React工作记录一百肆拾伍】vue2+luckyexcel+avue2解析在线数据

前端大歌谣

于 2024-03-28 09:49:40 发布

阅读量218

点赞数

CC 4.0 BY-SA版权

分类专栏：前端项目工作实战文章标签： react.js javascript ecmascript

本文链接：https://blog.csdn.net/geyaoisnice/article/details/137100854

前端项目工作实战专栏收录该内容

146 篇文章 ¥39.90 ¥99.00

订阅专栏

超级会员免费看

本文记录了一次在React项目中结合vue2、luckyexcel和avue2进行在线数据解析和编辑的过程。主要内容包括安装相关依赖、核心组件的编写，特别是处理了在线编辑和导出Excel的功能，以及避免表头重复的注意事项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言

大家好 我是歌谣 今天继续给大家带来的Vue2+element解析数据

安装依赖

npm install --save exceljs file-saver luckyexcel xlsx

核心组件代码

 <avue-crud
      class="avue-affixed avue-new-table"
      ref="crud"
      :option="tableOption"
      :table-loading="listLoading"
      :data="tableData"
      :page.sync="page"
      @current-change="currentChange"
      @size-change="sizeChange"
      @search-change="searchChange"
      @filter-change="filterChange"
      @selection-change="selectionChange"
    >
      <template slot-scope="{ row }" slot="explodeStatus">
        {
  
  {
          row.explodeStatus == 1
            ? "待分解"
            : row.explodeStatus == 2