vue用elementTable,合计项增加按钮js方法

最新推荐文章于 2024-04-29 10:42:46 发布

哆比哆比

最新推荐文章于 2024-04-29 10:42:46 发布

阅读量234

点赞数 1

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/WMW_wmw/article/details/135957414

版权

  <myTable
      ref="myTableRef"
      :summary-method="getSummaries"
      show-summary
    >  </myTable>

const myTableRef = ref(null);
// 表格合计金额
const getSummaries = (param) => {
  const sums = [];
  columns.forEach((column, index) => {
    if (index === 0) {
      sums[index] = '合计';
      return;
    }
    switch (column.property) {
      case 'value1':
          nextTick(() => {
            let html = myTableRef.value.tableRef.$refs.footerWrapper
              .querySelector('.el-table__footer')
              .querySelectorAll('td')
              [index].querySelector('.cell');
            html.innerHTML = `<el-button type='text'>添加</el-button>`;
            html.onclick = () => {
              add();
            };
          });
        break;
      default:
        break;
    }
  });
  return sums;
}
const add = () => {
   console.log('点击了新增');
}