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

问题描述

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

解决办法

bash 复制代码
<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>
bash 复制代码
//点击行选择的时候获取三个参数  找到对应的标签
RowTableCollect(val, c, e) {
      if (e.target.tagName == 'INPUT') return
      this.CollectFactor = val
    },
相关推荐
烛阴1 小时前
void 0 的奥秘:解锁 JavaScript 中 undefined 的正确打开方式
前端·javascript
Hexene...1 小时前
【前端Vue】如何实现echarts图表根据父元素宽度自适应大小
前端·vue.js·echarts
初遇你时动了情1 小时前
腾讯地图 vue3 使用 封装 地图组件
javascript·vue.js·腾讯地图
dssxyz2 小时前
uniapp打包微信小程序主包过大问题_uniapp 微信小程序时主包太大和vendor.js过大
javascript·微信小程序·uni-app
华子w9089258592 小时前
基于 SpringBoot+VueJS 的农产品研究报告管理系统设计与实现
vue.js·spring boot·后端
ohMyGod_1234 小时前
React16,17,18,19新特性更新对比
前端·javascript·react.js
前端小趴菜054 小时前
React-forwardRef-useImperativeHandle
前端·vue.js·react.js
@大迁世界4 小时前
第1章 React组件开发基础
前端·javascript·react.js·前端框架·ecmascript
一瓣橙子4 小时前
7.7日 实验03-Spark批处理开发(2)
开发语言·javascript·ajax
Hilaku4 小时前
从一个实战项目,看懂 `new DataTransfer()` 的三大妙用
前端·javascript·jquery