<el-table-column type="selection" width="55" align="center" /> <el-table-column label="工号" align="center" prop="gh" /> </el-table> 1. 2. 3. 4. 5. 6. 7. 8. 9. 与实现多选类似,需要添加一列类型为selection。 除了设置其选项改变事件外,还需要设置其ref属性。 设置ref的目的是能...
在使用el-table实现选择操作的时候,官方提供了一种多选功能,将type设置为selection。而有时候因项目需求,需要进行单选操作,接下来通过一个简单的例子,实现el-table表格单选操作。显然要实现单选,需要用el-radio标签来实现,代码如下: <el-table ref="multipleTable" :data="tableData" :header-cell-style="{backgrou...
一.ElementUI 将table多选框改为单选框 <el-table :data="tableData" @selection-change="handleSelectionChange" @select="radioHandle" height="250" highlight-current-row style="width: 100%" ref="tb" > // 多选变单选 handleSelectionChange(val) { if (val.length > 1) { this.$refs.tb.clearSe...
{let item=val[val.length-1];this.checkedSelection=JSON.parse(JSON.stringify(item));}// 单选选中多条时,需要清空所选数据if(val.length>1){this.$refs.multipleTable.clearSelection();// 清空选项this.$refs.multipleTable.toggleRowSelection(val.pop());// 选中最后点击的数据}// 取消选中if(val.len...
</el-table> 与实现多选类似,需要添加一列类型为selection。 除了设置其选项改变事件外,还需要设置其ref属性。 设置ref的目的是能在方法中通过 this.$refs.tb 获取这个table 在方法handleSelectionChange中 //单选框选中数据handleSelectionChange(selection) {this.checkedGh = selection[0].gh;if(selection.length ...
需求是使用el-table的多选功能,然后不想要多选改成单选。 代码 <template><divclass="contentBox"v-loading="loading"><el-table:data="list"ref="accountRef"@select="handleTableChange"><el-table-columntype="selection"width="45"></el-table-column><el-table-columnwidth="100"prop="name"></el-tab...
</el-table> 1. 2. 3. 4. 5. 6. 7. 8. 多选变单选,关键是ref=“xx” handleSelectionChange (val) { if (val.length > 1) { this.$refs.tb.clearSelection() this.$refs.tb.toggleRowSelection(val.pop()) } this.paperPage.multipleSelection = val ...
"highlight-selection-row:header-cell-style="{color:'#000',backgroundColor:'#DCE6F0'}":data="datalist"@selection-change="handleCurrent"@select-all="selectAll"@row-dblclick="rowDblclick"><el-table-columnfixed="left"type="selection"align="center"width="48"></el-table-column><el-table>...
关于el-table的单选多选问题记录 el-table展示属性data为一个数组,单选多选结果为row或者[row]数组selection。单选多选的结果中的一条row数据对应data[x]。则有data[x] = row 根据数据的一致性,猜测scope.row相同