<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="地址"> </el-table-column> </el-table>
element-ui的表格组件不能直接添加@click事件,给每行内容添加点击事件的正确方式是这样的
<el-table :data="tableData" style="width: 100%" @row-click="clickData" //添加点击事件,当点击任意一行时都会触发该事件 > </el-table>
methods: {
clickData(row, event, column) {
console.log(row, event, column)
}
}