el-table 个体行绑定点击事件时 表格中有el-radio和el-checkbox 点击触发两次事件处理方法

前言

el-table 个体行绑定点击事件时 表格中有el-radio和el-checkbox 点击触发两次事件处理方法

一、问题重现 当不点击单选按钮时 就正常不会出问题 当点击单选框时点击事件会执行两次

<el-table
    v-bind="$attrs"
    v-on="$listeners"
    ref="singleTable"
    border
    size="mini"
    highlight-current-row
    @row-click="onRows">
    <el-table-column  width="35" >
      <template slot-scope="scope">
        <el-radio  :label="scope.row" v-model="radioRow">&nbsp;</el-radio>
      </template>
    </el-table-column>
    <slot></slot>
</el-table>

二、解决方式

代码如下(示例):

// 参数 row col  e 事件
 onRows(row,c, e){
   
 	// 因为单选框和复选框底层都是input 所以  判断tagName === input 不处理就行
    if (e.target.tagName === 'INPUT') return;
},

最近更新

  1. TCP协议是安全的吗?

    2023-12-13 10:46:05       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2023-12-13 10:46:05       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2023-12-13 10:46:05       19 阅读
  4. 通过文章id递归查询所有评论(xml)

    2023-12-13 10:46:05       20 阅读

热门阅读

  1. vue实现悬浮窗拖动的自定义指令

    2023-12-13 10:46:05       31 阅读
  2. SQL命令---带关系运算符的条件查询

    2023-12-13 10:46:05       45 阅读
  3. 《C++新经典设计模式》之第5章 观察者模式

    2023-12-13 10:46:05       31 阅读
  4. 机器学习中的 K-均值聚类算法及其优缺点

    2023-12-13 10:46:05       37 阅读
  5. Kotlin学习笔记1

    2023-12-13 10:46:05       30 阅读