Ant Design树节点冲突问题

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

报错信息：Conflict! value of node ‘0-153’ (undefined) has already used by node ‘0-152’
解决办法：在使用树选择标签内写如下内容：
:replaceFields="{ title: 'mName', key: 'mId', value: 'mId', }"
(title,key,value的值与你调用的接口的值有关）

baisefengye
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
记录开发过程中的遇到的bug-----后面东西多了，再进行整理
路漫漫兮
05-19 1857
Q01 SpringBoot 无法进行单元测试 问题 在springboot进行单元测试会出现容器找不到，就是容器没有被加载 解决方法 这个问题在pom文件导如单元测试出错，在导入时加入的不需要的配置参数。正确的导入依赖如下： <!--导入springboot单元测试依赖--> <dependency> <groupId>org.springframework.boot</groupId>
SpringBoot+AntDesignVue实现excel导入功能
07-20
SpringBoot+AntDesignVue实现excel导入功能
Ant Design Vue 树选择冲突 4063:34 Warning: Conflict value of node (xxx) has already used by node
陈新科的博客
11-01 8473
TreeSelect的node节点value值冲突了。 参考官方 这2个value的值不可相同，相同会报这个警告。 我的解决方法： 打印一下你的treedata 查看是否有和children的value相同的的问题，找到相同的改名字就可以了。 原文：https://blog.csdn.net/weixin_40933180/article/details/112579484 ...
ant-design treeSelect组件replaceFields属性报错
灿灿大王搭建的黄金屋
08-24 6341
使用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 树选择控件冲突
最新发布
weixin_45440916的博客
04-07 214
树选择控件冲突，大多说是因为node节点value值冲突了，title值重复也会警告？
Ant Design Library 3.0 Axure 组件库
10-09
Ant Design Library 3.0 一套精美得像视觉稿的 Axure 设计组件库
ant design4.40 web组件库 ant design pro后台模板库（精细-完整）
12-26
Ant Design 是基于 Ant Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品。 ant design4.40-web组件库 是基于Axure ，参考Ant Design 的样式而设计的一套模板库，是产品经理必备套件库，Ant Design4.40-最新精编文件22年3月，AXURE原型设计，需要的素材和模板内容里面都有可以借鉴。 rplib不能在Axure RP 10中打开，但rp文件可以。
AntDesign3.9Axure组件
06-01
整合了Axure 3.9常用资源库套件，包含导航、布局、各种按钮等，适合产品经理或与前端设计相关同学下载。
stage-0，杂(1)
[暂停使用]任先阳
10-12 180
迫不及待的尝试新特性，乱七八糟的入门demo  https://www.babeljs.cn/repl/#?babili=false&amp;browsers=&amp;build=&amp;builtIns=false&amp;code_lz=MYewdgzgLgBARiAHjAvDA3gKAJAHcCmAlgOYAWUAXDAEwA0Ox-UA6kWVABQCUGMATkwCufMDCi...
listenablefuture-9999.0-empty-to-avoid-conflict-with-guava.jar
02-25
java运行依赖jar包
Ant Design4.1.5版本离线版本文档
05-06
Ant Design4.20.2版本离线版本文档，直接放到apache目录下进行配置即可进行离线访问
Axure AntDesign元件库
05-14
一套精美得像视觉稿的 Axure web组件库
node版本更新遇到的巨坑
mossbaoo的博客
01-14 2万+
今天在安装 vue-cli 3 的时候，报错了： You are using Node v6.11.2, but this version of vue-cli requires Node &gt;=8.9. node 版本太低了，那就更新版本好了，问题不大，一点都不慌。 请求一下度娘，拿到了node更新版本的命令： 第一步、安装npm的版本管理工具：n npm install -g...
【未知BUG但是已经解决】吐槽BUG Vue先后问题
韩旭051的博客
05-06 549
放前面就渲染不出来 放后面就没BUG了 也不知道为啥
vue常见错误解决
热门推荐
编译的阿喵
06-10 8万+
Error in render: “TypeError: Cannot read property ‘list’ of undefined” [Vue warn]: Property or method “message” is not defined on the instance but referenced during render. Make sure that this proper...
svn提示出错错误为remains in conflict
Hehaixia的专栏
03-22 652
错误是:Aborting commit: ‘C:/workspace/MyWork/src/org’ remains in conflict       解决方案：右击工程目录–&gt;team–&gt;Show Tree Conflict–&gt;在Eclpise中会出现一个Tab视图显示Tree Conflict的内容，一个一个选择列表中的冲突右击将其标志为已解决 ...
ant design Tree树形组件叶子节点横向排列
07-16
您好！要使Ant Design Tree树形组件的叶子节点横向排列，您可以使用Tree组件的treeNode属性来自定义节点的渲染方式。以下是一种实现方式： 首先，您需要引入Tree组件和Icon组件： ```jsx import { Tree, Icon } from 'antd'; ``` 然后，您可以通过自定义渲染函数来调整叶子节点的布局。在渲染函数中，您可以根据节点的isLeaf属性来判断是否为叶子节点，如果是叶子节点，则将其横向排列。以下是一个示例： ```jsx const renderTreeNodes = (data) => { return data.map((item) => { if (item.children) { return ( <Tree.TreeNode title={item.title} key={item.key}> {renderTreeNodes(item.children)} </Tree.TreeNode> ); } return ( <Tree.TreeNode title={item.title} key={item.key} isLeaf> {item.title} </Tree.TreeNode> ); }); }; ``` 在上面的示例中，我们通过设置isLeaf属性为true来标识叶子节点，并在叶子节点的title属性中添加了一个自定义的布局。 最后，您可以将渲染函数应用到Tree组件中，并将数据传递给Tree组件的treeData属性： ```jsx const treeData = [ { title: 'Node 1', key: '0-0', children: [ { title: 'Leaf 1', key: '0-0-0', }, { title: 'Leaf 2', key: '0-0-1', }, ], }, { title: 'Node 2', key: '0-1', children: [ { title: 'Leaf 3', key: '0-1-0', }, { title: 'Leaf 4', key: '0-1-1', }, ], }, ]; const MyTree = () => { return ( <Tree showLine> {renderTreeNodes(treeData)} </Tree> ); }; ``` 在上面的示例中，我们使用了一个简单的树形数据结构，并将其传递给了Tree组件的treeData属性。通过调用renderTreeNodes函数，我们实现了叶子节点横向排列的效果。 希望这可以帮助到您！如果您还有其他问题，请随时提问。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值