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)
    }
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

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)
        }
    }
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

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