我正在尝试在VueJS 2.0中做模态。
我的目标是从DOM中的任何地方调用它,并将组件渲染为body的子项,但与初始化它的组件进行通信。
我试过的是:
...
mounted () {
document.getElementsByTagName('div')[0].appendChild(this.$el);
}
...
当然,这会将元素呈现在我想要呈现的位置,并与初始化它的组件进行通信。但是当我尝试删除它时......我得到了:
DOMException: Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node.
我在组件中显示/隐藏模型的方式,其中模态初始化包括参数visible:true / false然后:
<modal v-if="visible"></modal>
有什么想法吗?