Avue中自定义导出功能

最新推荐文章于 2024-11-01 09:58:59 发布

行走的毛毛虫

最新推荐文章于 2024-11-01 09:58:59 发布

阅读量499

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/wei80231996/article/details/133908167

版权

1.html

<template slot="menuLeft">
        <div>
          <el-button type="primary" @click="printExcel()" size="small" icon="el-icon-download">导出</el-button>
        </div>
</template>

2.js

printExcel() {
      let data = JSON.parse(JSON.stringify(this.tableData));//table表格数据
      data.map((item) => {
        item.属性名 = 赋值; //等级
      });
      this.$Export.excel({
        columns: this.tableOption.column,//表格数据avue
        data: data,//avue数据
      });
    },