vue2中的元件component問題
阿新 • • 發佈:2019-01-29
在學vue2的時候踩得這個坑, 一個元件,也就是一個template標籤中只能有一個標籤,如果你照下面這樣寫就會出現 [Vue warn]也就是警告
官方會給你以下一個提示- Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead.
解決方案就是把你的第二個div放在第一個div中,就不會出現 警告了
//這種情況會報錯,警告 <template> <div> <h3>這是一個標題</h3> </div> <div id="content">內容</div> </template> //解決方案在這,相當於你所有寫的html程式碼都用最外層的div包起來 <template> <div> <h3>這是一個標題</h3> <div id="content">內容</div> </div> </template>