要素が存在する場合のインスタンスVue？

Question

私はページにいくつかのvmsがあるというアプリを作っています。私たちがあるページから別のページに変更すると、次の警告を表示：

[Vue warn]: Cannot find element: #element-id

は、どのように私はページ上の要素がある場合にのみ、仮想マシンをインスタンス化し、エラーを回避できますか？

参考：私はRailsのアセットパイプラインを使用しているので、すべてのjavascriptが1つのファイルに連結されています。

Answer 1

そのままそのまま残すことは問題ありません。これは、デバッグモードがオンの場合にのみ実行される警告であるため、本番環境ではオフにする必要があります。

あなたはそれを取り除くしたい場合は、要素はVueのを起動する前に存在するかどうかだけをチェック -

if(document.getElementById("element-id")){ 
    new Vue({...}) 
} 

参考：How to check if element exists in the visible DOM?