一、效果图 二、数据结构 三、完整代码 1、前端代码 <van-imagev-for="imginscanImgList"width="1rem"height="1rem"fit="cover":src="img"@click="showScanImage"/> queryScanImageBlobList(scanImage){ constconfig={ headers:{'Content-Type':"application/json;charset=utf-8"}, responseType:'blob' }; letthat=this; api.post('f...

一、展开收缩形式 1、效果图 2、数据结构 3、部分代码 <el-table :data="tableData" style="width:80%;margin-left:10%;margin-top:10px;" border stripe highlight-current-row row-key="nodeId" size="mini" default-expand-all :tree-props="{children:'children',hasChildren:'hasChildren'}" :row-style="{height:'28px',fontSize:'12p...

一、效果图 1、原图效果 2、目标效果 二、实现思路 1、表头第一行的第一列占零格，表头第一行的第二列占两格 2、表头第一行的第一列隐藏 三、完整代码 <el-table:header-cell-style="headerStyle"> headerStyle({row,column,rowIndex,columnIndex}){ if(rowIndex=0){ row[1].colSpan=2//第二个表头占两格 row[0].colSpan=0//第一个表头占零格 } if(rowIndex=0&&columnIndex=0){//隐藏第一个表头 ret...

一、效果图 1、原图效果 2、目标效果 二、实现代码 使用提供的:span-method="handleSpanMethod"方法进行合并处理 handleSpanMethod({row,column,rowIndex,columnIndex}){ if(columnIndex=0){ const_row=this.filterData(this.tableData,columnIndex).one[rowIndex]; const_col=_row>0?1:0; return{ rowspan:_row,//合并行数 colspan:_col,//合并列数 } } }, fil...