今天写了个功能,点击左侧的树做判断,一级树节点显示系统页面,二级树节点显示数据库页面,三级树节点显示表页面。
数据库页面和表页面分别有2个el-table ,上面的没有多选框,下面的有多选框
现在出现bug,在点击树节点,代码:
// 点击节点
nodeClick(data) {
if(data.type == "datasource" || data.type == "table" || data.type == "compony"){
this.tableType = data.type;
if(this.tableType == "compony"){
this.getComponyInfo(data)
}
if(this.tableType == "datasource"){
this.sourceTableTableQuery.datasourceId = data.id
this.getDatasourceInfo(data.id)
}
if(this.tableType == "table"){
this.sourceTableColumnQuery.datasourceId = data.datasourceId
this.sourceTableColumnQuery.tableName = data.label
this.getTableInfo(data)
}
}
},
在datasource(库页面)和table(表页面)之间切换,多选框一会在上,一会在下,
解决方法,给有多选框的表格添加 :key="Math.random()" 或者 :key="1" :key="2" 写死也行
记住是给所有有多选框的表格加,或者给所有表格加也行,加key是好事,可以运行快
我还发现只给其中一个有多选框的表格加又出现这种bug,代码中只给下面的表格写多选框了