Vue+Vuetify项目使用jspdf-autotable报弃用初始化告警如何解决?
问题原因
Use of deprecated autoTable initiation 弃用提示出现的原因是你当前使用的 jspdf-autotable 为3.0及以上版本,该版本不再支持 doc.autoTable(columns, rows) 这种传入两个参数的调用形式,需要改为传入单个配置对象的写法。
调整后的完整代码
createPdf() { const doc = new jsPDF() const columns= [ { header: 'Code', dataKey: 'code' }, { header: 'Name', dataKey: 'namearticle' }, { header: 'Category', dataKey: 'category' }, ]; // 简化原有的循环逻辑,直接用map返回目标数组即可 const rows = this.articles.map(x => ({ code: x.code, namearticle: x.namearticle, category: x.category })); // 核心修改:将列、行数据统一放入配置对象中传入 doc.autoTable({ columns: columns, body: rows }) doc.save("table.pdf"); }
如果你需要额外配置表格样式、分页逻辑、表头固定等功能,相关参数也统一放在这个配置对象中即可。
内容的提问来源于stack exchange,提问作者dudeiale
相关产品推荐
相关产品推荐

