2017-11-15 20 views
0

いくつかの領域でいくつかのvueコンポーネントを使用する必要があるphp/laravelプロジェクトに取り組んでいます。次のように現在、私のVUEコンポーネントが見えます:[Vue警告]:要素を見つけることができません

import Vue from 'vue'; 

import Notification from "./components/Notification.vue"; 

window.onload = function() { 
    var main = new Vue({ 
     el: '#my-app', 
     components: { Notification } 
    }); 
} 

しかし、私は次のようなエラーになっています。#私の-app要素を持っていないページに:

[Vue warn]: Cannot find element: #my-app 

をする方法はありますこの警告を防止する?これを尋ねるもう1つの方法は、#my-app要素を作成して#my-app要素を持たないページに私の通知コンポーネントを使用する方法ですか?

これを正しく理解していれば、通知コンポーネントを使用しているかどうかにかかわらずroot#my-app要素が必要ですか?

+0

なぜ、 'window.onload = function(){}'を使用してvuejsインスタンスをラップしていますか? – samayo

+0

私はこの問題に遭遇したので、https://stackoverflow.com/questions/29484431/vue-warn-cannot-find-element/29484590 – AnchovyLegend

答えて

0

マウントする前に、id my-appを使用して要素を動的に作成できます。

import Vue from 'vue'; 

import Notification from "./components/Notification.vue"; 

var myAppElement = document.getElementById('my-app'); 

if (!myAppElement) { 
    var newMyAppElement = document.createElement('div'); 
    newMyAppElement.setAttribute('id', 'my-app'); 
} 

window.onload = function() { 
    var main = new Vue({ 
    el: '#my-app', 
    components: { Notification } 
}); 
+0

Eyal、ya gever、toda! – AnchovyLegend

+0

bekif ahi!答えとしてマークするのを忘れないでください –

関連する問題