VueがjQueryのは、無効なクリックイベントをレンダリングされたラベルのループをレンダリングするためのデータを受け取ります

ライフサイクルのjqueryで書かれたライフサイクルで作成された取得の背景データは、レンダリングされたクリックイベントが動作しない装着時VueがjQueryのを使用するときにページをレンダリングするときはあります。
理論的には、インタフェースが実装の始まりの終わりまでに生成されたHTML、それは可能なはずですが、実際の効果はないマウント。

理由

問題の現れの原因、jqueryのは本当にHTMLインターフェイスを生成した後に行うが、リクエストが再レンダリングデータのためのループで戻ってきたときに、バックエンドのデータ要求が戻って来ていないと、要求の時点で、jQueryの新しいデータがレンダリングされるように、オーバーが実行されましたラベルがないjqueryのない
方法を。

ソリューション

あなたはそれを使用する必要がある場合は、データのjQueryをレンダリングするために使用するのに適していないのVue、jqueryのレンダリングは、より良い方法はjqueryのを使用して描画データへの場合は、要求バック、データの変更を監視するために、リスナー（時計）を使用することです。
もちろん、要求がインタフェースを介して、データバックがとてもので、この問題を解決するために、再びjqueryのレンダリングを実行するために約10ミリ秒の遅延の後、ために循環されてきたという意味ではありませんので、この問題があります。

変更のgoodsDetailsのための1つのリッスンgoodsDetailsに割り当てられ、要求されたデータのバック、goodsDetailsの変更を提供し、リスナーがuseJquery法、再レンダリング呼び出して、検出されました。

レンダリング時間のjqueryのメソッドを呼び出すと、約10ミリ秒のタイマー遅延を使用します。

コンプリート！