[Vue warn]: Attribute "id" is ignored on component because the component is a fragment instan

wzm10455發表於2016-05-10

做vue的時候 ,老是有一個 warning出現,根據提示到網頁看了下解決方案,因為對英語能力掌握較差,所以看來好幾遍 才真正的發現自己的問題


warning如下:

 [Vue warn]: Attribute "id" is ignored on component <div> because the component is a fragment instance:

在warnign下面有個連結 http://vuejs.org/guide/components.html#Fragment_Instance

點進去 我就直接找fragment instance這個關鍵詞,ok找到問題了 

出現fragment instance有多種情況

There are multiple conditions that will turn a Vue instance into a fragment instance:

  1. Template contains multiple top-level elements. (模版包涵了多個頂級元素 說白了 你的模版元素沒有唯一一個父元素)
  2. Template contains only plain text.(模版裡面只包涵純文字)
  3. Template contains only another component (which can potentially be a fragment instance itself).(模版只包含另外一個元件,而這個元件本上可以就是一個fragment instance
  4. Template contains only an element directive, e.g. <partial> or vue-router’s<router-view>.(模版只包含<partial>或者<router-view>元件 )
  5. Template root node has a flow-control directive, e.g. v-if or v-for.(模版根節點被v-if活著v-for有個邏輯判斷)
其實,出現問題沒什麼,我們根據vue的提示連結仔細看,總能找到我們的解決方案。

另外,能吐個槽麼?vue報warining的時候 要是能告訴我哪裡出的 warning就好了,我可是一個一個模版翻著看呀。。。。。

相關文章