<el-row class="bottom">
<el-table
:data="tableDatar" 数据源在data中数据
border 有线表格
ref="multipleTable"
:header-cell-style="{ background: '#ECF0F3' }" 给表头添加背景颜色
>
<el-table-column type="selection"></el-table-column> 多选CheckBox
<el-table-column
prop="number"
align="center"
label="排名"
width="60px"
></el-table-column>
<el-table-column
prop="title"
label="标题"
align="center"
></el-table-column>
<!--添加自定义元素-->
<el-table-column class="link" prop="link" label="链接" align="center">
<template v-slot="scope">
<a :href="scope.row.link">{{ scope.row.link }}</a>
</template></el-table-column
>
</el-table>
</el-row>
自定义列时只需要声明 slot-scope=“scope” 即可。自定义内容需要使用数据时只需要使用 scope.row 即可获取该行数据。
原文链接:https://blog.csdn.net/m0_46627730/article/details/117201090