el-table获取选中的行数据

需求是点击左侧的列表右侧tab标签的内容是当前点击行的数据

el-table获取选中的行数据_第1张图片

 尝试了很多方法,起初是想参照el-table单选表格来写,但是始终拿不到选中数据,看了

官网Table Events,尝试后用row-click,解决了问题。

el-table获取选中的行数据_第2张图片

 

解决:

给el-table绑定 @row-click="onRowClick",

 methods方法如下:

//获取选中的行数据
    onRowClick(row, event, column) {
      console.log("row", row);
      this.$emit("listData",row)
    },

row就是当前行数据的值。

你可能感兴趣的:(前端,javascript,elementui)