iview tree 设置checked的时候出现子父节点选中关联问题

最新推荐文章于 2023-08-09 08:25:29 发布
最新推荐文章于 2023-08-09 08:25:29 发布
阅读量4.5k 收藏 3
点赞数 1
文章标签： iview  tree  checked
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fcjeui/article/details/96144378
版权

我用render渲染数据的时候动态改变checked的状态，发现第一次能关联上父节点，可以设置checked为false的时候父节点没有对应的取消，而手动选中父节点后，子节点设置checked无效，但是手动点击选择框触发的就没问题，查看tree的源码发现有handleCheck 方法可以设置状态，设置好状态后调用一次handleCheck 就没问题了。例子如下：

this.$refs.tree.handleCheck({checked:data.checked,nodeKey:data.nodeKey})
川江
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
iview Tree控件，checked 问题：父子节点选中问题
Jiang的博客
12-03 1382
iview Tree控件，权限时checked 问题：父子节点选中问题
解决Jstree 选中父节点时被禁用的子节点也会选中的问题
10-18
下面小编就为大家分享一篇解决Jstree 选中父节点时被禁用的子节点也会选中的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
element表格树点击父节点子节点选中 根据数据默认选中
chenjingsuo的博客
08-12 901
这里写的是表格树一开始就返回全部的数据 <template> <div> <el-table @header-click="headerClick" @select-all="selectAll" lazy @row-click="rowClick" @select="handleSelectionChange" ref="treeTable" :data="tableData" style="width: 100%" row-key="id" border.
关于iview的tree点击节点不会刷新
weixin_44416157的博客
06-13 540
在不是vue3的情况下，毕竟不能监听数组和对象。有两个办法，第一个用this.$fouceUpdate()强制刷新。如果还是没有办法刷新，加个:key="Math.random()"亲测有效
iview tree控件的checked属性值无法更改
weixin_39457424的博客
04-13 1045
tree控件的checked属性值无法更改 因为与tree控件绑定的数据中 父级的checked为true,所以子级的checked的值无法改为false。需要将父级的checked也改为false
iview tree组件修改checked,expand,indeterminate值不渲染的问题
CHH_HE的博客
07-01 1771
在构建最初的tree型数据时我是没有给其赋值check等三个值的，因为想着在获得到tree型数据时再将其赋值进去，所以最一开始树形结构时↓ let obj = { title: '', MENU_ID: '', children: [{ title: '', MENU_ID: '', children: []
Vue3 + Element-plus Tree 组件的 @check 事件使用方案
最新发布
TianXuab的博客
08-09 2125
请根据你的实际需求进行逻辑处理。这只是一个简单的示例，你可以根据实际情况来设计你的 Tree 组件和处理方法。在这个示例中，我们使用了 Vue 3 的 Composition API，通过。属性来设置节点的唯一标识（这里使用了一个函数返回节点的 id）。在 Vue 3 中使用 ElementUI 的 Tree 组件的。事件来处理节点选中状态的变化。以下是在 Vue 3 中如何使用。与 Vue 2 不同的是，Vue 3 使用。与 Vue 2 相似，我们在。函数来设置组件的逻辑。方法来处理选中状态的变化。
基于vue、iview实现tree组件可拖拽、双击编辑
09-23
在使用IView的`Tree`组件时，你需要定义好数据结构，一般包含节点ID、父节点ID、节点文本等属性。为了支持拖拽，还需要添加额外的字段来记录拖动状态，例如拖动源节点ID和目标节点ID。 为了实现以上功能，你需要对...
tree设置...悬浮出现文字提示.vue
11-20
iview tree文字过长设置成带...同时鼠标悬浮出现文字提示
Vue iview tree+poptip 鼠标移动使用气泡显示完整文字
10-29
5. **处理Poptip的显示与隐藏**：在`showPoptip`方法中设置`poptipContent`为当前节点的完整文字，并将`visible`设为true以显示Poptip。你还可以监听`mouseleave`事件来在鼠标离开时隐藏Poptip。 通过以上步骤，...
基于iView和he-tree-vue的一个拖拽树形组件
12-16
4. **增、删、改功能**：组件支持添加新的子节点、删除节点以及修改现有节点的信息，这提供了对树形数据的完整操作能力。 5. **双击展开/箭头展开收起**：两种不同的展开收缩方式满足不同用户的操作习惯，双击快速...
iView Tree根据id组合默认显示选中，解决Tree根据ids选中之后取消再也无法选中问题
weixin_41234837的博客
08-31 3033
1.根据id组合Tree默认选中效果图 2.思路遍历id数组，与树数据对比，找到选中id就设置checked为true，受 ES5 的限制，Vue.js 不能检测到对象属性的添加或删除，所以我们要处理这种情况，我们可以使用vm.$set()方法，既可以新增属性,又可以触发视图更新。具体看vue文档； 3.看代码 <template> <div> <Tree:data="data33"show-checkboxmultipleref="tr...
iview 中 Tree 组件使用 render 自定义内容显示并选中节点问题
老卢的博客
12-18 6167
iview 中 Tree 组件使用 render 自定义内容显示并选中节点问题 iview 中tree组件使用render自定义内容后，点击树节点不再显示背景。如何在render渲染中加入当前选中节点有背景色? 默认Tree 使用Render后选中的节点不再有背景 iview tree组件使用了render函数之后，表示所有的逻辑及效果都需要自己手动处理，tree组件仅仅提供最简单的数据展示效...
element ui的el-tree多选树(复选框)父子节点关联不关联的问题
Beam
02-21 3万+
属性check-strictly 官方文档提供属性check-strictly，在显示复选框的情况下，是否严格的遵循父子不互相关联的做法，默认为 false。 而此属性的意思是： 默认false，父子关联。有如下现象及问题： 1、当你通过函数设置勾选节点的时候，只要父节点被勾选子节点必会勾选上，即便设置勾选的list中无此子节点。 2、当你点击勾选复选框时候，若点击父节点，其下子节点全部统一跟随父...
ElementUI如何展开指定Tree树节点
热门推荐
gaojie_csdn的博客
06-19 6万+
【问题】在页面使用ElementUI的时候，想做出一个主动展开树节点的效果，但是只有点击边上三角形才能够展开，查了element文档，没有找到方法解决方案对于前端问题有个很好的工具，就是打印日志，于是在代码里面找到指定对象，打印日志去查找下面是我的树，别名为 tree，点击多选框的事件为 handleCheck&lt;el-tree ref="tree" show-...
el-tree实现单选功能
Hay-Zero的博客
06-17 2880
关键配置 ： data 树形结构的数据 show-checkbox 显示复选框 ref 可以this.$refs.tree拿到此控件 node-key 给节点的编号 check-stricty 父、子节点之间没有关联【不写这个，选了父节点，会默认选择全部的子节点】 check 复选框选择、取消选择时触发的事件 <el-tree ref="tree" @check="handleCheck" :data="treeData" node-key="id"
Tree 树形控件
weixin_30855761的博客
03-14 2646
用清晰的层级结构展示信息，可展开或折叠。 基础用法 基础的树形结构展示。 1 <el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick"></el-tree> 2 3 <script> 4 export default { 5 d...
IView的tree如何设置默认选中
05-19
IView 的 Tree 组件可以通过 `:default-checked-keys` 属性来设置默认选中的节点。这个属性需要传入一个数组，数组中的每个元素是要选中的节点的 key（节点的唯一标识符）。 例如： ```html <Tree :data="data" ...
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值