element-ui 树形控件default-checked-keys设置失效问题

最新推荐文章于 2024-05-28 14:09:40 发布
最新推荐文章于 2024-05-28 14:09:40 发布
阅读量1.7k 收藏
点赞数 1
文章标签： ui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44784830/article/details/121196335
版权

设置了default-checked-keys和一个空数组

 遍历完数据后，对应节点并没有渲染勾选

打断点调试显示数组里面是有值的

 查阅以后发现是没有设置node-key="id"

 设置完以后完美解决，节点成功勾选

匡小胖
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
详解vue-element Tree树形控件填坑路
12-29
通过tree树形控件的default-checked-keys属性来设置默认选中的节点 html.vue 角色权限：> node-key=id check=handleNodeClick default-expanded-keys=[] ref=tree default-checked-keys=default_select ...
Element-ui 多选.md
05-22
element-ui tree组件，default-checked-keys，会把节点下所有子节点全部勾选
关于element-ui中el-tree默认选择节点视图不更新问题的解决方案。
weixin_43362779的博客
05-16 2598
element-ui中el-tree默认选择节点更新但视图不更新问题的解决方案。
vue中el-tree默认选中节点问题
cjh16606260986的博客
03-26 731
里面有了参数，但是这个树不会实时渲染，要等到下一次的dom节点渲染时才会显示出来，把上面那个代码改成下面这个样子，加一个实时刷新的函数。这时会发现一个问题，就是树没有打勾，这是因为虽然。
解决element ui中的el-tree组件default-checked-keys默认勾选节点问题
qq_53876295的博客
03-28 1081
解决element ui中的el-tree组件default-checked-keys默认勾选节点问题
element-ui tree树形控件中default-checked-keys失效的问题
ricoshallow的博客
05-31 2746
在用树形控件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" :
elementui的default-checked-keys无效解决方法
欢迎来到我的博客
05-31 4597
本人做后台的，最近在学习弄前端的东西，遇到一些新手可能会踩的坑，记录一下 话不多说直奔主题 问题：elementui 设置了default-checked-keys 不回显 解决办法：
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
el-tree中default-checked-keys无响应式
Noctis99的博客
06-23 781
tree
el-tree中default-checked-keys属性出现减少数据不生效的问题
lc257的博客
10-23 1861
问题描述 比如我开始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 设置空数组 默认还是选中状态问题
01-20
在做角色权限，通过tree控件展示权限列表的时候，用:default-checked-keys绑定数据，这个属性不能实现双向绑定，只能用于初始化选择状态。如果想双向绑定只能使用组件的方法setCurrentKey来实现。想直接绑定数据来的...
group-transfer:可分组的穿梭框---在element-ui的原始码上修改-修改
03-24
公共组件-可分组穿梭框道具以及活动无缝对接饿了么ui的穿梭框，预览道具的... ec-group-transfer v-model =" value " :data =' json ' filterable @change =" handleChange " :left-default-checked =" ['2', '3'] "
AngularJS入门教程之ng-checked 指令详解
10-21
本文主要讲解AngularJS ng-checked 指令,在这整理ng-checked 指令的基础知识,并附代码实例,有需要的小伙伴可以参考下
vue element el-tree default-checked-keys 清空选中数组不管用；还是存在选中的
weixin_42650105的博客
03-13 2263
1.前端使用el-tree中checkbox全选和反选的功能实现时,setCheckedKeys置为空数组时,还存在选中的数据没有进行清空. this.$refs.tree.setCheckedKeys([]) 还是不行 2.换成setChecked setChecked怎么使用的呢具体可以看官网解释 this.treeData.forEach(item=>{ this.$refs.tree.setChecked(item,false,true) }) ...
关于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...
vue element-ui tree树形控件中:default-checked-keys的问题
u013361179的博客
08-21 9614
今天在使用element-ui中的tree控件时,我想要默认选中角色拥有权限的复选框时,发现即使改变了:default-checked-keys,也不能改变渲染结果,需要调用this.refs.tree.setCheckedKeys方法来改变选中状态.<el−dialogtitle="提示":visible.sync="setRightsDialogVisible"width="30@close="clearDefaultCheckedKeys"><el−tree:data="rights
坑：el-tree复选框动态禁用时，默认勾选的数据不显示
GreyCastle的博客
02-28 1603
①：首先保证el-tree的树形结构进行递归遍历使用的是this.$set添加disable属性。 ②：保证default-checked-keys是根节点不是父节点（大坑）
Vue 项目中使用 Element UI库（Element UI 是一套基于 Vue.js 的桌面端组件库）
qq_53348178的博客
05-27 516
el-input v-model="user.username" id="username" placeholder="请输入用户名" /><el-input v-model="user.password" id="password" placeholder="请输入密码" /><el-button @click="login" margin="0 auto">登录</el-button><el-form-item label="用户名" for="username">（做优化，可以不用）
elemnt ui 时间选择器。 当前日期往前推6个月以前的的不可选择
最新发布
IT13333的博客
05-28 319
【代码】elemnt ui 时间选择器。当前日期往前推6个月以前的的不可选择。
vue3+ts+element-plus 树形控件默认选中
06-02
你可以使用element-plus中的tree组件的default-checked-keys属性来设置树形控件的默认选中项。这个属性接收一个数组，数组中的每个元素都是树形控件中一个节点的key值。例如： ```html <template> <el-tree :data="treeData" :default-checked-keys="defaultCheckedKeys" :props="defaultProps" show-checkbox ></el-tree> </template> <script> import { defineComponent } from 'vue'; export default defineComponent({ data() { return { treeData: [ { id: 1, label: '节点1', children: [ { id: 11, label: '节点1-1', }, { id: 12, label: '节点1-2', }, ], }, { id: 2, label: '节点2', }, ], defaultCheckedKeys: ['11', '12'], // 设置节点1-1和节点1-2默认选中 defaultProps: { children: 'children', label: 'label', value: 'id', }, }; }, }); </script> ``` 在上面的例子中，我们将default-checked-keys属性设置为['11', '12']，表示节点1-1和节点1-2默认选中。注意，我们还需要将show-checkbox属性设置为true，以便显示复选框。另外，我们也可以通过props属性来设置树形控件的节点属性，例如label、value等。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值