Vue中使用elment的el-table标签时,引用了@row-click与@selection-change方法;官方文档中如下显示

 1、el-table事件绑定@selection-change如何自定义传参

<template>
      <el-table
            ref="tableData"
            :data="tableData"
            stripe
            tooltip-effect="dark"
            :header-cell-style="{background:'#eef1f6',color:'#606266'}"
            border
            @selection-change="(selections)=>{handSelectionRules(selections,'参数')}"
          >
      <el-table-column type="selection" width="50"></el-table-column>
    </el-table>
</template>
methods:{
    handSelectionRules(selections,param){
        console.log(selections,param)   //[],参数
     }
}

 2、@row-click与@selection-change事件冲突

event.cancelBubble = true;

采用阻止冒泡,在字元素中添加可以阻止向上传递触发事件

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐