如何在element UI <el-table-column></el-table-column>中添加 button或其他组件

如何在element UI <el-table-column></el-table-column>中添加button?

例如实现图片中的表格功能,即在表格最后一列都是一个button,这些button有着不同的链接。

图片描述

谢谢

阅读 39.9k
3 个回答

楼上说的对,但如果只需要 row 的信息,还可以:

<el-table-column label="操作" inline-template>
  <el-button @click.native="showDetail(row)">查看详情</el-button>
</el-table-column>

http://element.eleme.io/#/com...

formatter 用来格式化内容,在 formatter 执行的时候,会传入 row 和 column

cellclick 当某个单元格被点击时会触发该事件 row, column, cell, event

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题