element-ui 表格中el-table-column 添加 icon以及获取用户点击的按钮id

只需要在 el-table-column 标签中利用slot增加 template 标签来实现就可以啦(๑•̀ㅂ•́)و✧

如果需要获取用户点击按钮id，也可以利用slot增加 template 标签来实现

代码如下

<el-table :data="tableData" stripe>
    <el-table-column type="index" label="序号" width="100"></el-table-column>
	<el-table-column prop="name" label="视频名称">
		<template slot-scope="scope">
			<i class="el-icon-video-play"></i>
			{{scope.row.name}}
		</template>
	</el-table-column>
	<el-table-column prop="data.status" label="状态"></el-table-column>
	<el-table-column prop="atime" label="更新时间"></el-table-column>
	<el-table-column label="操作">
		<template slot-scope="scope">
			<el-button type="text" @click="onDetail(scope.row.id)">查看详情</el-button>
		</template>
	</el-table-column>
</el-table>

效果如下