vue取消全选功能按钮注意事项

这里这个功能是通过各种条件查出数据,但只取一条数据进行后续业务,虽然每一条数据前面都有多选框,但只需要选一个,所以在业务上分析可以把这个全选按钮取消掉

 这里不是简单的把多选组件的@selection-change="handleSelectionChange"和handleSelectionChange方法去掉,因为这样单选就取不到值了

<el-table v-loading="loading" :data="iceList" @selection-change="handleSelectionChange" @select="selectHandle" <el-table class="no-multiple" v-loading="loading" :data="iceList" @select="selectHandle" border height="320px"> <el-table-column type="selection" width="55" align="center" /> <el-table-column label="aaa" align="center" prop="xxx" /> <el-table-column label="bbb" align="center" prop="xxx" /> <el-table-column label="ccc" align="center" prop="xxx" /> <el-table-column label="ddd" align="center" prop="xxx" /> <el-table-column label="eee" align="center" prop="xxx" /> </el-table>

 正确做法如下: