是否可以添加像here这样的树与组件? 我有一个包含组织、组织单位和部门的结构。我想让他们表现得井井有条。
暂时看起来像这样:
一个输入组示例:
<b-input-group prepend="Org">
<b-form-input v-model="org.name"></b-form-input>
<b-input-group-append>
<b-btn variant="outline-danger">Delete</b-btn>
<b-btn v-on:click="editOrg(org.id, org.name)" variant="outline-success">Save</b-btn>
</b-input-group-append>
</b-input-group>
最佳答案
是的,这是可能的,我最近使用递归组件创建了一个拖放菜单生成器。这是一个很好的教程,可以引导您完成如何处理该部分:https://alligator.io/vuejs/recursive-components/
一旦您了解了递归组件的工作原理,您应该能够构建数组并嵌套您想要的任何内容,即 <input>
列表中的元素。然后只需通过键引用输入,即可将输入绑定(bind)到数组中的项目。
关于javascript - vue.js:带有组件的 TreeView ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52099497/