导入表单击行数据时选中对应的复选框

This commit is contained in:
RuoYi 2020-02-25 13:49:48 +08:00
parent 9d45070429
commit 759a0fcb32

View File

@ -26,7 +26,7 @@
</el-form-item> </el-form-item>
</el-form> </el-form>
<el-row> <el-row>
<el-table :data="dbTableList" @selection-change="handleSelectionChange" height="260px"> <el-table @row-click="clickRow" ref="table" :data="dbTableList" @selection-change="handleSelectionChange" height="260px">
<el-table-column type="selection" width="55"></el-table-column> <el-table-column type="selection" width="55"></el-table-column>
<el-table-column prop="tableName" label="表名称"></el-table-column> <el-table-column prop="tableName" label="表名称"></el-table-column>
<el-table-column prop="tableComment" label="表描述"></el-table-column> <el-table-column prop="tableComment" label="表描述"></el-table-column>
@ -76,6 +76,9 @@ export default {
this.getList(); this.getList();
this.visible = true; this.visible = true;
}, },
clickRow(row) {
this.$refs.table.toggleRowSelection(row);
},
// //
handleSelectionChange(selection) { handleSelectionChange(selection) {
this.tables = selection.map(item => item.tableName); this.tables = selection.map(item => item.tableName);