vue全选按钮

最新推荐文章于 2024-01-03 22:00:00 发布

唯他命

最新推荐文章于 2024-01-03 22:00:00 发布

阅读量434

点赞数

文章标签： vue.js javascript html

本文链接：https://blog.youkuaiyun.com/lslsllsl/article/details/120482168

版权

本文介绍了在Vue.js中如何处理表格数据，包括筛选年月中的斜杠符号、获取所有行内容以及提取特定列的数据。`handleSelectionChange`方法用于处理选中行的变化，通过`moment`库格式化日期，并展示了如何映射和转换数据结构。同时，还展示了如何获取全部选中行的`clubCode`。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<el-table :data="tableData.list" :height="tableHeight" stripe border class="main-table" :header-cell-style="{ 'text-align': 'center' }" @selection-change="handleSelectionChange">
  <template slot="empty"
    ><div><span></span></div>
  </template>
  <el-table-column align="center" type="selection" width="60"> </el-table-column>
</el-table>
vue方法：
1：屏蔽掉年月里的斜杠符号（循环val）
 handleSelectionChange(val) { 
  this.allParams.clubPaymentHistories = val.map((item)=>{
    return {
      bankAccountName:item.bankAccountName,
      bankAccountNo:item.bankAccountNo,
      bankBranchName:item.bankBranchName,
      bankName:item.bankName,
      clubCode:item.clubCode,
      clubName:item.clubName,
      index:item.index,
      payedAmount:item.payedAmount,
      paymentDate:item.paymentDate,
      paymentMonth:moment(item.paymentMonth).format("YYYYMM")
    }
  }); 
  
  2：获取一列所有的内容、
  this.allParams.clubPaymentHistories = val
  3：获取某一个数组
  this.params.clubCodes = val.map(item => item.clubCode);