1. 程式人生 > 其它 >踩坑:The template root requires exactly one element.

踩坑:The template root requires exactly one element.

技術標籤:vuehtml

這是因為vue的模版中只有能一個根節點,所以在中插入第二個元素就會報錯

解決方案:

將中的元素用一個大的

包起來,這樣就可以在其中新增多個元素了,可以參考以下示例:


<template>
  <div id="vue">
    Hello Vue.js!{{message}}
    <span>{{message1}}</span>
    <span v-if="seen">你看到我啦!</span>
     <div id="
app-4"
>
<ol> <li v-for="todo in todos" v-bind:key="todo"> {{ todo.text }} </li> </ol> </div> </div> </template>