iView使用tree和回显

<Tree :data="data" ref="tree" show-checkbox multiple></Tree>

getCheckedNodes  获取被勾选的节点
getSelectedNodes    获取被选中的节点
getCheckedAndIndeterminateNodes 获取选中及半选节点   console.log(this.$refs.tree.getCheckedAndIndeterminateNodes())

        回显更新let treeArrsy = JSON.parse(e.tree);//返回的数据let _this = this;let tree = this.data;//等于之前的tree//重新全部赋值folse;tree.forEach(function(it,index){tree[index].checked = false;it.children.forEach(function(it1,index1){tree[index].children[index1].checked=false;it1.children.forEach(function(it2,index2){tree[index].children[index1].children[index2].checked=false;})})})this.data = [];//清空tree.forEach(function(item,index){treeArrsy.forEach(function(item1){if(item.id == item1.id){tree[index] = item1;}})})setTimeout(() => {this.data = tree;//把遍历处理好的重新赋值_this.$forceUpdate()//强制更新，这个可以不用}, 10);

iView使用tree和回显相关推荐

iView级联选择器Cascader回显慢的问题
简单小结一下,iView在日常开发中所遇到的一点小问题, 今日简单聊聊iView级联选择器Cascader的使用心得: [参考资料:iView ] 1.存在问题: Cascader选择器在回显数据时会 ...
iview table后端分页多选翻页选中回显
在iview的table组件中,前端在多选时如果点击下一页则丢失了上一页table的多选数据(由于采用的后端分页,每次翻页会直接刷新为新数据) 实现效果全选反选选中单条取消单条代码部分定义数 ...
iview级联选择组件的动态加载数据的使用与编辑回显
感慨就不多说了,心声万千,上代码. 1.页面组件,动态加载需要loadData,iview官网有写 <Cascader :data="treeData" :load-data ...
elementUI tree回显值
elementUI tree回显值在开发一些功能中会遇到需要回显值的问题.elment文档也是有这样的功能提供. 其实回显的原理就是获取你node-key设置的值存放到数组里面,即可.但是现在有一个 ...
SpringBoot 2.0 多图片上传加回显
点击上方蓝色"方志朋",选择"设为星标" 回复"666"获取独家整理的学习资料! 本文来源:http://r6f.cn/crEY 这两天公司 ...
Spring Boot 2.0 多图片上传加回显
点击上方蓝色"程序猿DD",选择"设为星标" 回复"资源"获取独家整理的学习资料! 来源:http://r6f.cn/crEY 这两天公司有 ...
$.fn.zTree 展开回显选中
var ids='节点字符串';// 字符串形式:选中节点,...,二级节点,根节点 var si=ids..split(",").length-1; var setting = ...
zTree笔记，设置无法勾选父节点（禁用父节点）和父节点禁用时回显选中子节点时关联父节点状态
名称链接 zTree API http://www.treejs.cn/v3/api.php zTree Demo http://www.treejs.cn/v3/demo.php#_101 最近又 ...
Element的Cascader 级联选择器禁用和回显问题
今日,在vue项目中使用饿了么的Cascader级联选择器时,遇到了一个问题,情景时这样的, 数据是从后台拿到的,前端要做出的效果是当满足某些条件时,某些选项禁止选中.花了很长时间解决这个问题,于是写 ...

iView使用tree和回显

iView使用tree和回显相关推荐

最新文章

热门文章