Element表格单元格的几种点击事件

Element表格单元格的几种点击事件

1.cell-click 单元格触发事件

<template>
      <el-table :data="tableData" style="width: 100%" @cell-click="goclick">
        <el-table-column prop="date" label="日期" width="180">
        </el-table-column>
        <el-table-column prop="name" label="姓名" width="180">
        </el-table-column>
        <el-table-column prop="address" label="地址">
        </el-table-column>
      </el-table>
    </template>
methods: {
  goclick(row,column,event,cell) {
      console.log(row,column,event,cell)
    }
}


   
   
   

  
  
  

2.普通click点击事件

<template>
      <el-table :data="tableData" style="width: 100%">
        <el-table-column prop="date" label="日期" width="180">
        </el-table-column>
        <el-table-column prop="name" label="姓名" width="180">
        </el-table-column>
        <el-table-column prop="address" label="地址">
          <template slot-scope="scope">
            <div @click='goclick(scope.row.address)'>{{scope.row.address}}</div>
          </template>
        </el-table-column>
      </el-table>
    </template>
    methods: {
      goclick(address) {
          console.log(address)
        }
    }

   
   
   

  
  
  

https://blog.csdn.net/hu104160112/article/details/113104960