vue.js:包含组件的树视图
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue.js:包含组件的树视图相关的知识,希望对你有一定的参考价值。
是否可以添加像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>
元素。然后只需通过键引用输入,将输入绑定到数组中的项目。
以上是关于vue.js:包含组件的树视图的主要内容,如果未能解决你的问题,请参考以下文章