查找element-ui中el-table组件的行数

Posted fujijill

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了查找element-ui中el-table组件的行数相关的知识,希望对你有一定的参考价值。

<el-table :data="roleData" border stripe
                      highlight-current-row  :height="autoHeightRow" :row-class-name="rowClassName"  @row-click=‘handleRowClickRole‘ ref="RoleTable">
              <el-table-column type="index" label="序号" width="55"> </el-table-column>
              <el-table-column prop="RuleName" label="规则名称" width="180"> </el-table-column>
</el-table>
rowClassName({row, rowIndex}) {
        //把每一行的索引放进row
        row.index = rowIndex;
     console.log(row) },

一般情况下‘row-click‘方法只能获取该行数据,为了能获取到该行的行数index,用row-class-name给每一行都加上index,即可获取index


以上是关于查找element-ui中el-table组件的行数的主要内容,如果未能解决你的问题,请参考以下文章

element-ui中el-table组件的行号

vue+ element-ui el-table组件自定义合计(summary-method)坑

element-ui的el-table组件左下角或右下角有空白部分

Element-ui的el-select组件使用记录:将el-select放到el-table中页面不更新问题的解决方案

Element-ui的el-select组件使用记录:将el-select放到el-table中页面不更新问题的解决方案

element-ui中el-table多层数组渲染问题