vue导出Excel——elementUI表格导出功能

文章目录
步骤一:安装依赖步骤二:引入组件步骤三:给table设置一个id步骤四:写methods

步骤一:安装依赖
npm install --save xlsx file-saver

步骤二:引入组件
在放置需要导出功能的组件中引入相关组件
import FileSaver from 'file-saver'
import XLSX from 'xlsx'

步骤三:给table设置一个id
HTML中的设置,简单说就是给需要导出的Excel的table标签el-table加一个Id,比如说exportTable,对应下面的exportExcel方法中的document.querySelector('#exportTable')
步骤四:写methods
在methods中设置真正需要实现导出转换Excel表格的方法:
exportExcel () {

vue导出Excel——elementUI表格导出功能最先出现在Python成神之路

版权声明:
作者:Mr李
链接:https://www.techfm.club/p/5209.html
来源:TechFM
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>