el-tree|el-tree 复选框回显问题
watch: {
filterText(val) {
this.$refs.tree.filter(val);
}
},
methods:{
filterNode(value, data) {
if (!value) return true;
return data.label.indexOf(value) !== -1;
}
}
//编辑回显
showEdit(row) {
vm.$nextTick(function(){
this.visibleDia = true;
this.getTreeList().then(res => {
if (res && res.length !== 0) {
this.$refs.tree.setCheckedKeys("返回的子节点id的数组");
//注意,不要带父节点id
} else {
this.dataTree = [];
}
})
})
},
// 获取树列表
getTreeList () {
return new Promise(resolve => {
this.$http.post({}).then(res => {
this.dataTree = res.data.treeList;
resolve(this.dataTree);
})
})
},
//提交
submit() {
console.log(this.$refs.tree.getCheckedKeys()) //当前选中的节点id
console.log(this.$refs.tree.getHalfCheckedKeys()) //当前半选中状态也就是父节点的id
var idList =(this.$refs.tree.getCheckedKeys()).concat(this.$refs.tree.getHalfCheckedKeys())
// 提交接口,分开传选中节点id数组,和选中加半选中状态数组
},
//关闭
close () {
this.defaultCheckedKeys = this.$refs.tree.setCheckedKeys([]);
this.visibleDia = false;
},
【el-tree|el-tree 复选框回显问题】
推荐阅读
- layui|layui checkbox 复选框第一次点击没反应 第一次点击不生效
- bootstrap|bootstrap treeview.js 权限加载时,复选框被选中的 demo
- JavaScript|ES6语法 checkbox 复选框 单选 / 全选 / 删除
- 说说jquery修改复选框checked值后无法选中的问题
- Java如何做带复选框的菜单实例代码
- js判断复选框checkbox是否选中,并取出值
- 下拉框 回显
- 用js怎么判断多个复选框中有没有被选中的()
- elementui下拉框多选回显问题
- EasyUi的下拉框及回显