vue + elemen-ui给el-table表格的每行添加点击事件

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

猜你喜欢

转载自www.cnblogs.com/ymbcc/p/13206312.html
今日推荐