[Vue warn]: Attribute "id" is ignored on component because the component is a fragment instan
做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:
- Template contains multiple top-level elements. (模版包涵了多個頂級元素 說白了 你的模版元素沒有唯一一個父元素)
- Template contains only plain text.(模版裡面只包涵純文字)
- Template contains only another component (which can potentially be a fragment instance itself).(模版只包含另外一個元件,而這個元件本上可以就是一個fragment instance)
- Template contains only an element directive, e.g.
<partial>
or vue-router’s<router-view>
.(模版只包含<partial>或者<router-view>元件 ) - Template root node has a flow-control directive, e.g.
v-if
orv-for
.(模版根節點被v-if活著v-for有個邏輯判斷)
其實,出現問題沒什麼,我們根據vue的提示連結仔細看,總能找到我們的解決方案。
另外,能吐個槽麼?vue報warining的時候 要是能告訴我哪裡出的 warning就好了,我可是一個一個模版翻著看呀。。。。。
相關文章
- vuejs - the component is a fragment instanceVueJSFragment
- Angular directive&&Vue componentAngularVue
- vue元件(component)傳值問題Vue元件
- Vue腳手架報錯 Component name "Student" should always be multi-word vue/multi-word-component-namesVue
- Important directory for OBIEE 11g for system component and java componentImportJava
- 什麼是@Component,@Component的作用是什麼
- HotSpot JVM ComponentHotSpotJVM
- webpack -> vue Component 從入門到放棄(四)WebVue
- vue注入元件時報錯:did you register the component correctly? For recursive components......Vue元件
- Vue程式碼模組定位外掛vue-component-finder介紹Vue
- React 手稿 – Component stateReact
- 初識 Web ComponentWeb
- Android Architecture Component 原始碼淺析Android原始碼
- Android Jetpack 之Navigation Architecture Component使用AndroidJetpackNavigation
- UI Component in CRM WebUI and HybrisUIWeb
- @bean和@component的理解Bean
- React Native——Component(元件)React Native元件
- spring @component的作用Spring
- vue專案報錯[Vue warn]: Property “visible“ must be accessed with “$data.visible“ because properties startVue
- Vue元件(35)動態元件 component 的 is 到底可以是啥?Vue元件
- 解決vue的component標籤渲染問題的方法Vue
- SAP UI5 Web Component React應用如何在Component之間跳轉UIWebReact
- JavaVM Component Database PSU and RU Patches(Doc ID 1929745.1)JavaDatabase
- Weblogic and Component(OVD/OID/Web) start, stop和restartWebREST
- vue-ellipsis-component: 滿足多種場景的 vue 縮略元件Vue元件
- 效能優化之元件懶載入: Vue Lazy Component 介紹優化元件Vue
- Symfony\Component\Debug\Exception\FatalErrorExceptionExceptionError
- 精讀《Function Component 入門》Function
- React 的 PureComponent Vs ComponentReact
- spring boot 註解@ComponentSpring Boot
- Altium 設定 PCB Snap Component
- @Component和@Bean的區別Bean
- vue3 動態編譯元件失敗:Component provided template option but runtime compilation is not supported in this build of VueVue編譯元件IDEUI
- Vue原始碼學習(十八):實現元件註冊(一)Vue.component()和Vue.extend()Vue原始碼元件
- Vue內建的Component標籤用於動態切換元件Vue元件
- vue 元件(component)命名的小細節問題(大小寫問題)Vue元件
- 《InsideUE4》GamePlay架構(一)Actor和ComponentIDEGAM架構
- PowerApps Component Framework PCF 部署APPFramework