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

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

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

 

解决:

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

 methods方法如下:

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

row就是当前行数据的值。

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐