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

问题描述

在element的table中 使用radio或者checkbox 的单击事件,会导致radio或者checkbox的单击事件触发两次

解决办法

<el-table :data="tableData" style="width: 100%" max-height="500" :header-cell-style="tableHeaderCellStyle" :cell-style="RowStyle" @row-click="RowClockTable" border>
        <el-table-column width="80">
          <template slot-scope="scope">
            <el-radio v-model="RadioVlaue" :label="scope.row">{
   {
    '' }}</el-radio>
          </template>
        </el-table-column>
        <el-table-column prop="name" label="科室编号" width="180"> </el-table-column>
 </el-table>
//点击行选择的时候获取三个参数  找到对应的标签
RowTableCollect(val, c, e) {
   
      if (e.target.tagName == 'INPUT') return
      this.CollectFactor = val
    },

最近更新

  1. TCP协议是安全的吗?

    2024-01-10 21:04:01       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-01-10 21:04:01       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-01-10 21:04:01       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-01-10 21:04:01       20 阅读

热门阅读

  1. RabbitMQ的关键概念解析

    2024-01-10 21:04:01       36 阅读
  2. 组件中使用定时器及销毁问题(vue的问题)

    2024-01-10 21:04:01       39 阅读
  3. 第九节 初始化项目

    2024-01-10 21:04:01       36 阅读
  4. 面试宝典之消息中间件面试题

    2024-01-10 21:04:01       24 阅读
  5. paddle指定运行gpu

    2024-01-10 21:04:01       43 阅读
  6. Vim 粘贴内容时全变成注释的问题

    2024-01-10 21:04:01       33 阅读
  7. Spring MVC中的方法的返回值!!!

    2024-01-10 21:04:01       38 阅读