0

「注文」を含むサーバー側のレンダリングされたページと、「親オブジェクト」としてインスタンス化されたルート Vue オブジェクトがあります。その親 Vue オブジェクトの子としてレンダリングされた html 注文を開始することは可能ですか?

Vue js はコンテンツを動的に追加する場合に最適に機能するようですが、この場合、既存のマークアップから子を親に追加できるようにしたいと考えています。それは可能ですか？解決策を見つけようとしましたが、うまくいきません。基本的に、私はこのようなサイトにいくつかのdivを持っています

<div id="order-1">some content</div><div id="order-2">some other content</div>

"new Vue({..."body に要素を設定して開始した Vue コンポーネントに、それらを子として追加したいと考えています。

だから基本的に私はこの構造が欲しい

親アプリ (新しい Vue を使用) --> オーダー 1 (ページ レンダリング後に子として追加) --> オーダー 2 (ページ レンダリング後に子として追加)

4

2 に答える 2

0

コンポーネントに ajax コンテンツを追加しているようです。

このためには、そのコンポーネントまたはインスタンスを再コンパイルして、ajax コンテンツが既に vue インスタンスの一部であることを示す必要があります。

ajax リクエストが完了したら、次のように起動できます。

Vue.$compile(this.$el);

どこ

this.$el

現在の要素またはコンポーネントになります

于 2016-09-01T08:03:08.240 に答える
0

グローバル コンポーネントを使用する場合は、ルート アプリ コンポーネントを返す前にそれらをレンダラーに挿入して、サーバー側で使用できるようにする必要があります。Vue サーバー側は、アクセス権または定義がないコンポーネントをレンダリングできません。

于 2017-01-11T23:12:45.723 に答える