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
    },

原文地址：https://blog.csdn.net/weixin_45859470/article/details/135473833

免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！