2017-12-07 8 views
0

単一ページアプリケーションは、コンポーネントに基づいて異なるビューを持っています。一方向データフローのため、親の各バウンドの値が変更されると、子の各プロパティが更新されます。小道具変更時の新しいvueコンポーネントインスタンス

プロパティが変更された場合に備えて完全に新しいコンポーネントインスタンスを取得することはできますか?トランジションと組み合わせて、私は、古いコンポーネントがスライドし、最新のプロパティ値に基づいて新しいコンポーネントがスライドすることを実現したいと考えています。

私は本当にすごい入力を楽しみにしています。

答えて

1

あなたがキーを更新することによってそれを行うことができます。

<transition name="fade"> 
    <hello :key="key"></hello> 
</transition> 

次にキーを更新:

<button @click="key++">Reload</button> 

は私の例のバイオリンを参照してください:

https://jsfiddle.net/eaguad1337/w9fb1pv2/

+0

有望に見えること!私はそれを試してみましょう。 – jimmy

+0

私はこのアプローチを私の現在のプロジェクトに組み込みました。どうもありがとう!小さな欠点は、そのような種類のトランジションのキーを変更する必要があることだけです。 paramsに基づいて最高のものになるでしょう。 – jimmy

関連する問題