<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>
ele 自定义table 的checkbox改成radio,radio点击会掉两次接口
最新推荐文章于 2023-12-28 13:14:33 发布