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

2,891 阅读1分钟

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