ele 自定义table 的checkbox改成radio,radio点击会掉两次接口

 <el-table
        :header-cell-style="{ background: '#0c2c5d' }"
        stripe
        v-loading="tableConfig.tableLoading"
        :data="tableConfig.tableData"
        style="width: 100%"
        :height="tableConfig.istableHeight ? tableConfig.istableHeight : tableConfig.tHeight" 
        @row-click="$rowClick"
        @selection-change="$handleSelectionChange" 
        @row-dblclick="$doubleClick"
        @current-change="$handleCurrentChange"
        :highlight-current-row = "tableConfig.highlight"
        ref="multipleTable" >
        <el-table-column  width="65"  v-if="tableConfig.rowSelection ==='radio' ">
          <template slot-scope="scope">
            <el-radio v-model="templateSelection" :label="scope.row" @click.native.prevent="singleElection">{{ "" }}</el-radio>
          </template>
        </el-table-column>
          <el-table-column type="selection" width="55" v-if="tableConfig.rowSelection ==='checkbox'"> </el-table-column>
        <el-table-column label="序号" width="50">
          <template slot-scope="scope">
            {{ scope.$index + 1 }}
          </template>
        </el-table-column>
          <el-table-column v-for="(item,index) in tableConfig.columns" :key=" index"
          :width="item.width?item.width:'auto'"
          :min-width="item.minWidth"
          :prop="item.prop"
          show-overflow-tooltip
          tooltip-effect="light"
          :align="item.align?item.align:'center'"
          :label="item.label">
          <template slot-scope="{ row }">
              <span v-if="!item.render">{{ row[item.prop] == null || row[item.prop] == '' ? '-' : row[item.prop] }}</span>
              <render-dom v-else :render-func="item.render" :row="row"></render-dom>
            </template>
          </el-table-column>
        <el-table-column label="操作" :width="tableConfig.actionWidth ? tableConfig.actionWidth : '200'" v-if="tableConfig.actionArr">
          <template slot-scope="{ row }">
              <el-button  v-for="(item,index) of tableConfig.actionArr" 
              :key="index" size="mini" 
              :type="item.type" 
              :disabled="disabledFunc(item,row)" 
              @click="item.hasOwnProperty('clickAction')&& typeof item.clickAction(item,row) === 'function' ? item.clickAction(item,row) : clickAction(item,row)">
              <span v-if="!item.render"> {{ item.name}}</span>
              <render-dom v-else :render-func="item.render" :row="row"></render-dom>
            </el-button>
            </template>
        </el-table-column>
      </el-table>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值