当前位置:   article > 正文

element UI table获取行号_el-table获取行号

el-table获取行号

 参考官方文档 Element - The world's most popular Vue UI framework
如下,使用属性 row-class-name

  1. <el-table
  2. :data="tableData"
  3. style="width: 100%"
  4. :row-class-name="tableRowClassName">
  5. <el-table-column
  6. label="操作">
  7. <template slot-scope="scope">
  8. <el-button @click="handleClick(scope.row)" type="text" size="small">查看</el-button>
  9. </template>
  10. </el-table-column>
  11. </el-table>
  1. tableRowClassName ({ row, rowIndex }) {
  2. row.rowIndex = rowIndex;
  3. },
  4. handleClick (row){
  5. console.log(row.rowIndex) //行号索引值
  6. }
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/很楠不爱3/article/detail/100938
推荐阅读
相关标签
  

闽ICP备14008679号