Vue记录

一、解决Table合计列不显示的问题

updated(){
  this.$nextTick(() => {
    this.$refs['daytable'].doLayout();
  })
},

二、定义表格合计列

getTotal(param) {
  const { columns, data } = param;
  const sums = [];
  columns.forEach((column, index) => {
    if (index === 1) {
      sums[index] = '合计';
      return;
    }
    const values = data.map(item => Number(item[column.property]));
    if (index === 2||index===6||index===7) {
      sums[index] = values.reduce((prev, curr) => {
        const value = Number(curr);
        if (!isNaN(value)) {
          let num=prev+curr;
          return  Math.floor(num * 100) / 100;
        } else {
          return  Math.floor(prev * 100) / 100;
        }
      }, 0);
      sums[index];
    } else {
      sums[index] = '';
    }
  });

  return sums;
},

三、tab切换chart只显示100px宽度

①：<haha  v-if="isshow"></haha>

②：

handleClick(tab, event) {
  if (this.activeName === 'second') {
    this.isshow=true
  }
},