el-table获取读取数据表中某一行的数据属性

Drawing stars

已于 2022-04-09 19:23:12 修改

阅读量1.1w

点赞数

分类专栏： Element-UI 文章标签： vue.js elementui

于 2022-04-08 20:24:43 首次发布

本文链接：https://blog.csdn.net/yuanqianxi/article/details/124049858

版权

本文介绍如何在ElementUI的el-table组件中，通过@row-click事件获取并处理表格行数据。同时，展示了如何修改某一列数据的显示方式，如将数字转换为汉字或使数据可点击。示例包括获取行数据的方法和处理特定列数据的示例代码。

摘要由CSDN通过智能技术生成

el-table获取读取数据表中某一行的数据属性，更改处理某一列数据显示方式

本文记录获取数据表中某一行数据的方法

1点击某一行获取该数据

使用 @row-click和row

<el-table
   :data="classWorkTaskList"
   :default-sort="{ prop: 'userId', order: 'descending' }"
   style="width: 100%"
   empty-text="该班级还没有布置作业"
   @row-click="test"
>
      <el-table-column prop="title" label="题目" />
      <el-table-column prop="workTaskId" label="ID" sortable />
      <el-table-column prop="startDate" label="开始时间" sortable />
      <el-table-column</