Ant Design Vue 树选择控件冲突

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

 Warning: Conflict! value of node 'df005ed879b941c4805db5c7896a2259' (四级节点) has already used by node '7a76c654452944a189aa1f6bb5bc9196'.

使用TreeSelect控件发现有警告，虽然不影响数据显示，但是比较碍眼，如图（此为举例子）。

搜了一下，大多说是因为node节点value值冲突了。奇怪的是，我的树节点不可能重复（因为在程序里面自动拼接的），那为什么还会报这个错呢。终于找到原因..

我就搜了一下这个名称，四级节点，发现有两个一样的名字。

对其中一个名称进行修改后，好样的不报了，难道TreeSelect的node节点title值重复也不行吗？？

一个鸡腿子
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
SpringBoot+AntDesignVue实现excel导入功能
07-20
SpringBoot+AntDesignVue 实现 Excel 导入功能 在本篇文章中，我们将介绍如何使用 SpringBoot 和 AntDesignVue 实现 Excel 导入功能。这个功能主要是使用 Ant Design Vue 中的 upload 组件来实现导入 excel 文件的...
ant-design-vue3-admin:一个基于 Vite2 + Vue3 + Typescript + tsx + Ant Design Vue 的后台管理系统模板，支持响应式布局，在 PC、平板和手机上均可使用
05-19
ant-design-vue3-admin 一个基于 Vite2 + Vue3 + Typescript + tsx + Ant Design Vue 的后台管理系统模板，支持响应式布局，在 PC、平板和手机上均可使用。 最新的技术栈 统一的技术规范 权限方案（路由，菜单，操作...
Ant Design树节点冲突问题
baisefengye的博客
12-30 2249
报错信息：Conflict! value of node ‘0-153’ (undefined) has already used by node ‘0-152’ 解决办法：在使用树选择标签内写如下内容： :replaceFields="{ title: 'mName', key: 'mId', value: 'mId', }" (title,key,value的值与你调用的接口的值有关） ...
AntDesignReact提示key重复解决方案
最新发布
u014708123的博客
04-29 715
在使用antd树形组件的时候，有时候会存在挂载相同的账号，相同账号的id是重复的，组件直接就不能用了，所以查找论坛，发现可以使用这个插件解决；
使用ant design vue的树选择（TreeSelect）
qq_53821346的博客
04-10 1331
ant design vue的表格可勾选及树选择使用记录
使用ant-design-vue的树选择组件TreeSelect
richest_qi的博客
07-09 2810
HelloWorld.vue <template> <a-tree-select :replace-fields="{children:'children', title:'name', key:'id', value: 'id' }" style="width: 100%" :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }" :tree-data="treeData" pla.
Ant Design Vue 树选择冲突 4063:34 Warning: Conflict value of node (xxx) has already used by node
陈新科的博客
11-01 8776
TreeSelect的node节点value值冲突了。 参考官方 这2个value的值不可相同，相同会报这个警告。 我的解决方法： 打印一下你的treedata 查看是否有和children的value相同的的问题，找到相同的改名字就可以了。 原文：https://blog.csdn.net/weixin_40933180/article/details/112579484 ...
Ant Design Vue TreeSelect组件自定义表格行合并
qq_45059975的博客
09-26 682
需求 将前面两列相同的数据合并成一个，效果图如下 官方实例 我用的Antd版本号为：1.7.8，下图是官方实例，从这我们可以看出实际靠obj当中的attrs属性值里面加入colSpan或者rowSpan来控制合并行列 思路 首先向后端请求List数据集合过来，然后从中获取对应的数据知道要合并多少列再赋值给rowSpan。由于我后端传过来的list集合种并无rowSpan函数，所以需要我们往原有得集合种加入该属性值，此处我借鉴了网上不少前辈们写的例子，后面结合如下代码。思路大部分都写在注释里面了 ini
解决ant design vue中树形控件defaultExpandAll设置无效的问题
01-18
页面步骤： 1.设置a-tree标签 2.默认的treeNodes值设置为空数组 3.在mounted组件加载的时候给treeNodes的值赋值 结果： 设置defaultExpandAll无效，并不能展开所有...补充知识：Ant Design 中Tree踩坑 Tree中的api属性
(实习日记)Ant Design Vue日期选择器，禁止选择当前之前的时间
01-08
Ant Desugn Vue的时间选择器，实习也有一段时间了，也遇到了一些问题，就想记录一下，自认为水平不是很高，欢迎批评指正 //标签 data() { return { Survey: {},//存放截止时间 disabledTime: { hour: '',//存放...
用于在vxetable表格中适配antdesignvue组件的渲染
08-10
在"用于在vxetable表格中适配antdesignvue组件的渲染"这个主题中，主要涉及以下几个关键知识点： 1. **VxeTable**：VxeTable是一个基于Vue的高性能表格组件，它支持动态列、行操作、表头分组、合并单元格、树形数据...
Ant Design Vue框架 select下拉以及TreeSelect树形选择模糊搜索
weixin_45815557的博客
05-04 3536
ant design vue的Select下拉、TreeSelect树形下拉模糊搜索
vue-treeselect 问题合集、好用的树形下拉组件（vue-treeselect的使用、相关问题解决方案）
热门推荐
IT_dabai的博客
09-28 2万+
vue-treeselect 使用及相关问题解决方案，持续更新！！！ 最新更改：继续优化【问题五】的第二种解决方案（将vue-treeselect + 拖动改变宽度方法进行二次封装，可直接重复调用，增加 saveOldWidth 属性，用来是否保存上一次组件宽度）复制代码即可 上次更改：1.@input 事件里，想要拿到node参数，而不是value参数 2.优化【问题五】的第二种解决方案（考虑页面上存在多个treeselect） 文章只记录部分问题，完整的 组件属性 及 组件的事件 等 可到文档中去查阅
Vue笔记（一）
d_benhua的博客
09-16 826
一、Vue调用在线图标 1、在main.js文件中设置地址并注册图标。 2、在xxx.vue中使用图标组件。 二、ant-design-vue通过css修改a-tree的折叠打开图标 //修改树结构展开闭合图标 /deep/ .ant-tree li span.ant-tree-switcher{ width:16px; height:16px; margin:4px; // 修改树结构合起的icon &.ant-tree-switcher_close{ backgr
ant-design treeSelect组件replaceFields属性报错
灿灿大王搭建的黄金屋
08-24 6508
使用ant-desgin的treeSelect组件时，由于接口返回的数据键值并不是组件想要的value、title、key、children四个参数，所以考虑替换 查看api，有一个replaceFields属性可以替换接口的参数，所以立刻使用起来 <a-tree-select class="w240" v-model="queryParam.deptId" tree-data-simple-mo.
Ant Design Vue TreeSelect组件自定义图标icon
qq_45059975的博客
09-08 1万+
业务需求 基于Ant Design Vue1.7.8版本。需要在TreeSelect 树型选择控件中根据不同的数据类型前面加不同的ICON图标。 效果 代码 <div class="list-box"> <div> <a-tree-select v-model="treeValue" style="width: 200px"
ant design vue 树形控件
04-15
关于 ant design vue 树形控件，我可以为您提供以下信息：Ant Design Vue 是一个基于 Vue.js 的 UI 组件库，其提供的树形控件可以方便地展示树形数据结构，支持异步加载及节点选择等功能。您可以在 Ant Design Vue ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值