elementui动态获取talbe 表头 label和prop

前端小白...

已于 2025-02-21 15:35:19 修改

阅读量3.2k

点赞数 3

文章标签： elementui javascript vue.js

于 2022-05-31 15:41:57 首次发布

本文链接：https://blog.youkuaiyun.com/m0_53553562/article/details/125066949

版权

//  ref="talbes"
  <el-table
     border
     v-loading="loading"
     :data="salaryItemList"
      ref="talbes"
      style="width: 100%"
      height="100%"
   >
    <el-table-column
       label="计算顺序"
       width="80"
       align="center"
       prop="index"
     />
   </el-table>

    //在获取到数据之后  this.salaryItemList = response.rows; 进行获取
    let arr = [];
    this.$refs.talbes.$children.forEach((item) => {
      if (item.label != undefined && item.prop != undefined) {
          arr.push({
             label: item.label,
             prop: item.prop,
          });
      }
    });
    console.log(arr); //动态获取表头