ElementUI之表格行的单击事件和双击事件

匿名 (未验证) 提交于 2019-12-03 00:08:02
<template>   <el-table :data="tableData" style="width: 100%" @row-click="handleclick" @row-dblclick="handledbClick">     <el-table-column prop="name" label="姓名"> </el-table-column>     <el-table-column prop="address" label="家庭住址"> </el-table-column>   </el-table> </template>  <script>   export default {     data() {       return {         tableData: [         {name: '王小虎1',address: '上海市普陀区金沙江路 1516 弄'},          {name: '王小虎2',address: '上海市普陀区金沙江路 1517 弄'},          {name: '王小虎3',address: '上海市普陀区金沙江路 1518 弄'},          {name: '王小虎4',address: '上海市普陀区金沙江路 1519 弄'}]       }     },     methods:{         handleclick(row, event, column) {           alert("我被单击了");           console.log(row, event, column);         },         handledbClick(row, event, column) {           alert("我被双击了");           console.log(row, event, column);         }     }   } </script>

 

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!