我需要根据用户交互将子组件动态添加到组件中.我看了大约old issue个,但对我来说,这似乎是一个肮脏的黑客,此外,这是一个老问题,而且vue开发非常活跃,所以我不知道现在是否有更好的方法.
到目前为止,我try 的是this fiddle ,但显然不起作用,它说$mount
只能被调用一次.我不知道如何动态添加其他元素,但我也不知道如何动态添加其他元素.
那么,如何在客户端单击或其他客户端事件上添加组件呢?
我需要根据用户交互将子组件动态添加到组件中.我看了大约old issue个,但对我来说,这似乎是一个肮脏的黑客,此外,这是一个老问题,而且vue开发非常活跃,所以我不知道现在是否有更好的方法.
到目前为止,我try 的是this fiddle ,但显然不起作用,它说$mount
只能被调用一次.我不知道如何动态添加其他元素,但我也不知道如何动态添加其他元素.
那么,如何在客户端单击或其他客户端事件上添加组件呢?
您希望从一开始就将自定义组件放在那里,并使用v-if
或v-for
来显示、隐藏、添加或减go 这些组件.让数据驱动DOM,而不是自己管理DOM.小提琴示例:https://jsfiddle.net/f5n5z5oo/2/
您甚至可以让组件动态更改它们使用的组件类型:
data: {
elements: [
{ type: 'component-a' },
{ type: 'component-b' }
]
}
<div v-for="element in elements" :is="element.type"></div>
如果你对你的用例更具体,我会尽力进一步帮助你!