Comments (4)
I changed his VueTree.vue and just replace the node.data._key
with index
that it can run for me.
In line 15:
... :key="index" ... >
from tree-chart.
@bifshteks When the VueTree component is created
it runs a method called addUniqueKey
which iterates through the dataset and assigns a UUID to each node, called _key
. This _key
is not only used as a unique key for the v-for but also as an identifier when drawing links with SVG and d3. When the dataset changes the draw
method is called but addUniqueKey
is not. If any new nodes have been added to the dataset they will not have a _key
and the warning will be thrown. This may cause the card rendering error and d3 may not be able to identify the link to draw.
The most efficient solution might be to call addUniqueKey
each time the dataset changes but modify it to check if each node already has a _key
and not recreate it if it does. I might create a pull request for this a little later.
from tree-chart.
请问这个问题解决了吗? 急需该功能
from tree-chart.
This issue should've been fixed with 0eff2fd.
Please try to pull latest version and see if it's still an issue.
from tree-chart.
Related Issues (20)
- vue2无法折叠 HOT 1
- Open / close a node
- Vue 2 version missing enableCollapse param on init() method HOT 1
- onClickNode不生效? HOT 1
- How to start with nodes collapsed?
- linkStyle prop not used HOT 4
- Error on transition-group HOT 1
- 能否实现添加旁系节点,即配偶节点,附效果图
- Allow scrolling instead of zoom/pan
- vue3-tree-chart中direction为horizontal时,连接线绘制错误
- when i use demo (render tree with multiple parents) in vue3 it;s can not show the multiple parents HOT 3
- 同层级间节点间距调整
- 如何设置初始化的缩放大小和位置
- Could you help me, I need to remove this style but I can't (node-slot) How to customize this? HOT 1
- Hide node
- the line between nodes in not stable in Vue 2 HOT 1
- restore scale
- Search in tree - How this can be work.
- add feature to go to a node HOT 4
- 节点位置 HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from tree-chart.