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