Vue element怎么获取table表格当前行数据和索引值

最新推荐文章于 2024-06-21 14:23:45 发布

ʚ梅梅ɞ

最新推荐文章于 2024-06-21 14:23:45 发布

阅读量1.7w

点赞数 6

分类专栏： vue 文章标签： vue.js elementui 前端

本文链接：https://blog.csdn.net/meimeib/article/details/111075715

版权

vue 专栏收录该内容

41 篇文章 4 订阅

订阅专栏

怎么拿表格当前行数据

平时我们在使用表格时通过template的slot-scope=“scope”，使用scope.row拿到当前行的数据

<el-table max-height="290" :data="userTableData" border style="width: 100%">
	  <el-table-column label="名字">
		    <template slot-scope="scope">
		      {{scope.row.name}}
		    </template>
	  </el-table-column>
	   <el-table-column label="年龄">
		    <template slot-scope="{row}">
		      {{row.age}}
		    </template>
	  </el-table-column>
</el-table>

怎么拿表格当前行索引值

<el-table max-height="290" :data="userTableData" border style="width: 100%">
	  <el-table-column label="序号">
		    <template slot-scope="scope">
		    	  {{scope.$index+1}} 
		    </template>
	  </el-table-column>
</el-table>