【elementUI中el-table中span-method 中传递自定义参数】

el-table中span-method 中传递自定义参数

elementUI中的其他组件需要传递自定义参数也可用该方法
 :span-method="(param)=>rowSpanMethod(param,item)" //item为自定义参数
 
 /**
 *合并row
 */
rowSpanMethod({row, column, rowIndex, columnIndex},item) {
	return {
            rowspan: this.mergeRows(row[column.property],item.tableData, rowIndex, column.property, row,'需求等待开发预警'),
            colspan: 1
          };
/**
* 表格单元格合并-----行
 * @param {Object} value      当前单元格的值
 * @param {Object} data       当前表格所有数据
 * @param {Object} index      当前单元格的值所在 行 索引
 * @param {Object} property  当前列的property
 * @returns {number}          待合并单元格数量
 */
mergeRows(value, data, index, property, row,title) {
      let keyName = '';
      if(title == '需求等待开发预警'){
        keyName = 'requireName';
      }else if(title == '需求任务关联表'){
        keyName = 'name';
      };
      if (index !== 0 && row[keyName] === data[index - 1][keyName]) {
        // 返回 0 使表格被跨 行 的那个单元格不会渲染
        return 0;
      };

      // 判断 当前行的该列数据 与 下一行的该列数据 是否相等
      let rowSpan = 1;
      for (let i = index + 1; i < data.length; i++) {
        if (row[keyName] != data[i][[keyName]]) {
          break;
        };
        rowSpan++;
      };
      return rowSpan;
    },
}

你可能感兴趣的:(ElementUI,javascript,前端,vue.js,elementui)