elementui的default-checked-keys无效解决方法

最新推荐文章于 2024-04-17 16:07:00 发布
最新推荐文章于 2024-04-17 16:07:00 发布
阅读量4.6k 收藏 1
点赞数 7
文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39486335/article/details/117422193
版权

本人做后台的，最近在学习弄前端的东西，遇到一些新手可能会踩的坑，记录一下

话不多说直奔主题

问题：elementui 设置了default-checked-keys 不回显

解决办法：

检查，node-key 的设置，是否是你要回显的字段名（我的之前写的id所以不好使）

香滋滋牛肉饭
关注
  • 7
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
AngularJS入门教程之ng-checked 指令详解
10-21
本文主要讲解AngularJS ng-checked 指令,在这整理ng-checked 指令的基础知识,并附代码实例,有需要的小伙伴可以参考下
C++ and the Perils of Double-Checked Locking
11-14
C++ and the Perils of Double-Checked Locking 关于单例模式C++实现的一些问题
element-ui tree树形控件:default-checked-keys 设置空数组 默认还是选中状态问题
01-20
今天在写个后台管理系统，使用了element-ui的组件库。在做角色权限，通过tree控件展示权限列表的时候，用:default-checked-keys绑定数据，这个属性不能实现双向绑定，只能用于初始化选择状态。如果想双向绑定只能使用组件的方法setCurrentKey来实现。想直接绑定数据来的方便，只能修改源码。在tree的源码 属性中重新定义一个属性，在watch中监听，调用 this.store.setCheckedKeys()。以下是作者修改的代码，第一次写博客分享给大家，不喜勿碰，还望更多大神多多指教。 props: { ..... pCheckedKeys: Array, .
el-tree中default-checked-keys属性变化不生效
monparadis的博客
02-25 1万+
前言：使用element-ui中tree组件时，天真的以为只要动态修改default-checked-keys这个属性值得变化，默认勾选的值也会随之变化，实际发现并不是这样的 我们先看看官网上对default-checked-keys的定义：（看完依旧觉得没问题） 于是我就去探寻了一下原因是啥： 原因是：tree.vue中使用watch监听default-checked-keys值得变化，调用了以下方法 在tree-store.js中又使用了此方法 终于知道原因了，发现只有监听到def
vue3：树的默认勾选和全选、取消全选
最新发布
weixin_47194802的博客
04-17 1597
实现的功能，上面有个选择框，当选中全部时，下方树被全选。
关于element-ui中el-tree默认选择节点视图不更新问题的解决方案。
weixin_43362779的博客
05-16 2904
element-ui中el-tree默认选择节点更新但视图不更新问题的解决方案。
el-tree中default-checked-keys属性出现减少数据不生效的问题
lc257的博客
10-23 1884
问题描述 比如我开始selectedMenus里的数据是【1，2，3，4，5，6】，在我想要进行修改里面数据的时候： selectedMenus=【1，2，3，5】 只要是原数组的子数组，el-tree的展示都会出问题：即展示的是上一个折叠面板的勾选状态 <el-collapse v-model="activeName" accordion @change="change"> <el-collapse-item v-for="(r,index) in roles" :key
element-ui tree树形控件中default-checked-keys失效的问题
ricoshallow的博客
05-31 2832
在用树形控件el-tree勾选默认节点时会用到default-checked-keys属性，但是注意一定要同时加上 node-key="id"才能生效！ <!-- 权限数据的树形展示 --> <el-tree :data="rightList" :props="rightListProps" @node-click="handleNodeClick" show-checkbox default-expand-all node-key="id" :
Vue动态生成el-checkbox点击无法赋值的解决方法
12-03
要解决这个问题，我们需要借助Vue的`Vue.set`方法，它允许在嵌套对象上添加响应式属性。修改初始化代码为： ```javascript this.checkList.forEach(item => { let key = item.code this.$set(this.form, key, [])...
element-ui 树形控件default-checked-keys设置失效问题
weixin_44784830的博客
11-07 1865
设置了default-checked-keys和一个空数组 遍历完数据后，对应节点并没有渲染勾选 打断点调试显示数组里面是有值的 查阅以后发现是没有设置node-key="id" 设置完以后完美解决，节点成功勾选 ...
关于element-ui tree树形控件中:default-checked-keys的问题
DarkHorseK的博客
10-14 1万+
今天在使用element-ui中的tree控件时,我想要默认选中角色拥有权限的复选框时,发现即使改变了:default-checked-keys,也不能改变渲染结果,需要调用this.$refs.tree.setCheckedKeys 方法来改变选中状态. <el-dialog title="提示" :visible.sync="setRightsDialogVisi...
el-tree中default-checked-keys无响应式
Noctis99的博客
06-23 805
tree
vue element-ui tree树形控件中:default-checked-keys的问题
u013361179的博客
08-21 9678
今天在使用element-ui中的tree控件时,我想要默认选中角色拥有权限的复选框时,发现即使改变了:default-checked-keys,也不能改变渲染结果,需要调用this.refs.tree.setCheckedKeys方法来改变选中状态.<el−dialogtitle="提示":visible.sync="setRightsDialogVisible"width="30@close="clearDefaultCheckedKeys"><el−tree:data="rights
elementui tree树形控件 default-expanded-keys失效及动态绑定问题
热门推荐
lianzhang861的博客
06-14 4万+
elementui 中的树想要默认展开官方文档中有介绍： 1.默认展开失效问题 https://element.eleme.cn/#/zh-CN/component/tree <el-tree :data="data" show-checkbox node-key="id" :default-expanded-keys="[2, 3]" :default...
17 el-tree defaultCheckedKeys配置 和 树上面选中节点不同步问题
970655147的专栏
10-24 1976
问题来自于, 可以发现的是 我的 defaultCheckedKeys 默认配置了两个节点, 然后 后面初始化的时候 从 sessionStorate 中拿了暂存的选中节点列表, 然后 更新到 defaultCheckedKeys 中但是 存在的问题是更新之后, el-tree 和 defaultCheckedKeys 的列表是不同步的比如这里, 保存的列表为 选中的节点 没有 '后端1', 但是 渲染之后的节点 多了一个 '后端1'
如何解决element ui中的el-tree组件default-checked-keys默认勾选所有节点问题
a7442358的专栏
07-25 4483
如何解决element ui中的el-tree组件default-checked-keys默认勾选所有节点问题
element-ui的树状图default-checked-keys默认却勾选了所有的子节点
幼儿园园长
07-01 7113
在开发的过程中，有一个权限模块的需求，是需要更新分配的权限，因此需要在编辑的时候，将之前已有的权限默认先勾选上。 页面是这样的，树状图是懒加载的。 但是开发完成之后测试的时候，发现了很玄学的问题： 每次只要勾选前两个，比如勾选oss下的wb_test3和A，再次点开编辑的时候，就变成了oss下的子节点是全选的了。 bug复现： 我打印看了一下默认赋给树状图选中的default-checked-keys的数组，发现没有问题，是两个id，但是为什么其他的都被选中了呢，太玄学了！ 后来研究了很久，我尝试打印了
element-ui拿到可选择的树结构id,以及default-checked-keys更新错误，父级别禁用
piaocanY的博客
08-17 987
最近项目中再做一个 选择为树组件的需求，页面内容大概为这样 可折叠，可选择，在点击详情回显的时候，根据后台返回的数据（id），来勾选用户选择的信息 html代码 <div class="checkboxClass"> <el-tree :check-strictly="true" :data="allWorkList" :default-checked-keys="checkIds" @check='getname' show-chec
vue element el-tree default-checked-keys 清空选中数组不管用；还是存在选中的
weixin_42650105的博客
03-13 2316
1.前端使用el-tree中checkbox全选和反选的功能实现时,setCheckedKeys置为空数组时,还存在选中的数据没有进行清空. this.$refs.tree.setCheckedKeys([]) 还是不行 2.换成setChecked setChecked怎么使用的呢具体可以看官网解释 this.treeData.forEach(item=>{ this.$refs.tree.setChecked(item,false,true) }) ...
el-tree default-checked-keys不生效
09-12
el-tree的default-checked-keys属性用于设置默认选中的节点。根据引用中的代码示例，可以看到在html.vue文件中，通过设置default-checked-keys属性来控制默认选中的节点。具体的实现逻辑是在tree.vue文件中使用了watch监听default-checked-keys值的变化，并调用相应的方法进行处理，如引用所示。 根据引用中的描述，当defaultCheckedKeys数组减少时，之前设置的选中的节点不会取消选中状态。这可能是因为在处理defaultCheckedKeys值变化的方法中，没有正确地处理取消选中节点的逻辑。 在这种情况下，你可以尝试以下方法来解决default-checked-keys不生效的问题： 1. 确保default-checked-keys数组中的节点key值与树形控件中的节点key值一致，只有匹配的节点才能被正确选中。 2. 检查watch监听default-checked-keys值变化的方法，确保在处理defaultCheckedKeys数组变化时，正确地添加或移除选中状态。 3. 如果你使用的是异步加载树形数据，需要确保在数据加载完成后再设置default-checked-keys属性。 总结以上方法，你可以首先检查default-checked-keys数组中的节点key值是否正确，并确保处理defaultCheckedKeys值变化的方法正确地添加或移除选中状态。如果问题仍然存在，可以进一步检查是否有其他代码或配置导致default-checked-keys不生效。 希望这些方法能够帮助你解决default-checked-keys不生效的问题。如果还有其他问题，请随时提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值