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 () {
共有 0 条评论