在vue js中创建树视图-树的深度未知-修改DOM

问题描述 投票:0回答:1

我正在尝试创建一个vue js应用程序,在其中向用户显示树视图。树视图中的元素可以包含其他元素,也可以包含其他元素等...无限制,这意味着树视图的深度未知。如果我是对的,那意味着我不能简单地使用v-for指令(因为这意味着知道正确的深度吗?)

所以我基本上是遍历一个json数组并创建<ul><li>标签以将它们附加到DOM中的其他标签,但是如果我这样做,它们将无法获得其类的样式应用于他们。

我想是因为Vue不喜欢我们在没有vue为我们做的情况下修改DOM的事实。

此外,我们不想使用像vuetify这样的组件库,我们只想使用vue和简单的javascript来做。

谢谢!

javascript vue.js dom treeview
1个回答
0
投票

最佳方法是创建一个递归组件,例如,参见herehere

© www.soinside.com 2019 - 2024. All rights reserved.