数据:
tableData = [
{"userId":1,"userName":"小明"},
{"userId":2,"userName":"小红"}
]
获取整行内容:
<el-table :data="tableData">
<el-table-column prop="userId" label="用户id"></el-table-column>
<el-table-column prop="userName" label="用户名称">
<template slot-scope="scope">
<div>{{scop.row}}</div>
<!-->第一行单元格显示 {"userId":1,"userName":"小明"}
第二行单元格显示 {"userId":2,"userName":"小红"}
<-->
</template>
</el-table-column>
</el-table>
获取行索引:
<el-table :data="tableData">
<el-table-column prop="userId" label="用户id"></el-table-column>
<el-table-column prop="userName" label="用户名称">
<template slot-scope="scope">
<div>{{scop.$index}}</div>
<!-->第一行单元格显示 0
第二行单元格显示 1
<-->
</template>
</el-table-column>
</el-table>
获取该单元格数据
<el-table :data="tableData">
<el-table-column prop="userId" label="用户id"></el-table-column>
<el-table-column prop="userName" label="用户名称">
<template slot-scope="scope">
<div>{{scop.row.userName}}</div>
<!-->第一行单元格显示 小明
第二行单元格显示 小红
<-->
</template>
</el-table-column>
</el-table>