当前位置: 代码迷 >> 综合 >> vue 后台 xlsx 表格
  详细解决方案

vue 后台 xlsx 表格

热度:27   发布时间:2023-12-14 08:29:08.0

1、安装依赖包

 npm install --save xlsx file-savernpm install --save  yxg-xlsx-style  //调节样式需要用到的

2、引入依赖

  import XLSX2 from 'xlsx' 

3、封装下载用到的 js方法 在utils下新建export.js(与业务无关、可直接复制)

import XLSX from 'yxg-xlsx-style'// 为合并项添加边框export function addRangeBorder(range, ws) {
    const arr = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z']if (range) {
    range.forEach(item => {
    const startColNumber = Number(item.s.r); const endColNumber = Number(item.e.r)const startRowNumber = Number(item.s.c); const endRowNumber = Number(item.e.c)const test = ws[arr[startRowNumber
  相关解决方案