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

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM