domの内側でVueコンポーネントを移動しますか？

Question

私は絶対位置決め使用したいと私はrelativeコンテナ内ではないです確認するため、私は携帯電話の午前なら、私は、DOMにVueのコンポーネントを上に移動しています。また、ウィンドウのサイズ変更で動作するよう

if (this.mobile) { 
    this.$el.parentNode.removeChild(this.$el); 
    document.getElementById('vue').appendChild(this.$el); 
} else { 
    // Place the element back at it's original location. 
} 

このコードは、デバウンスresize方法で配置されています。

それが正常に動作しますが、私は携帯電話上で起動し、デスクトップに戻ってサイズを変更するとき、私は、コンポーネントが最初に初期化された場所の元のDOMの位置を取得する必要があります。

これは、Javascriptの唯一の問題かもしれないが、私は再びそれをバックに置くことができますので、どのように私は、このコンポーネントの正確なDOM位置の元の位置を得ることができますか？

私は、最初の親要素を保存しています

編集：私は再びparentElementに要素を追加するとき

this.parent = this.$el.parentElement; 

これは、しかし、親要素で正しい順序を保証するものではありません。

Answer 1

あなたは一度だけのオリジナルparentNodeを保存し、あなたがそれを必要なときにそれを使用したいです。このような何かが働くべきです。設定によっては、insertBeforeとダニエル・ベックの隠れたマーカーのアイデアを使用する必要があります。

if (!this.originalParentNode) { 
    this.originalParentNode = this.$el.parentNode; 
} 
if (this.mobile) { 
    this.$el.parentNode.removeChild(this.$el); 
    document.getElementById('vue').appendChild(this.$el); 
} else { 
    // Place the element back at its original location. 
    this.originalParentNode.appendChild(this.$el); 
}