站内搜索:
首页 >> 前端 >> 内容
关于elementUI的row-click事件如何使用参数讲解

时间:2018/3/19 11:49:43

关于elementUI的row-click事件如何使用参数讲解

 1 <template>  
 2   <el-table  
 3     :data="tableData"  
 4     stripe  
 5     <span style="color:#ff0000;">@row-click="handdle"</span>  
 6     style="width: 100%">  
 7     <el-table-column  
 8       prop="date"  
 9       label="日期"  
10       width="180">  
11     </el-table-column>  
12   </el-table>  
13 </template>  
14   
15 <script>  
16   export default {  
17     data() {  
18       return {  
19         tableData: []  
20       }  
21     },  
22     methods: {  
23       <span style="color:#ff0000;">handle(row, event, column)</span> {  
24           console.log(row, event, column)  
25        }  
26     }  
27   }  
28 </script>  

点击行就会触发handdle事件,row, event, column参数不需要写在html中,再方法里直接使用就可以了

  • 上一篇:BootstrapCSS编码规范讲解之带前缀的属性介绍
  • 下一篇:FastAdmin如何添加首字母大写功能?
  • 返回顶部