如何将组件附加到正文但与父进行通信?

时间:2017-01-23 12:15:00

标签: vuejs2 vue-component

我正在尝试在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>

有什么想法吗?

0 个答案:

没有答案