2
我在組件模板有這樣的代碼Vuejs:模板只有一個根元素,但無法編譯說它應該只有一個根元素
<template>
<div>
<div class="row note" v-for"note in notes">
<div class="col-sm-3 col-md-2">
<div class="thumbnail">
<img src="/images/alec-joy.jpg">
</div>
</div>
<div class="col-sm-9 col-md-10">
<h4>
{{note.author}} -
<small>{{note.author.role}}</small>
<small class="pull-right">{{note.created_at}}</small>
</h4>
<p>{{note.body}}</p>
</div>
</div>
<form action="#" @submit.prevent="createNote()">
<div class="row">
<div class="col-sm-8 col-sm-offset-2">
<div class="form-group">
<textarea rows="3" v-model="note.body" class="form-control"></textarea>
</div>
</div>
<div class="col-sm-2">
<button type="submit" class="btn btn-primary">Add Note</button>
</div>
</div>
</form>
</div>
</template>
而我的WebPack構建與以下錯誤
失敗組件模板應該只包含一個根元素。如果您在多個元素上使用v-if,請使用v-else-如果要將它們鏈接起來,請改爲
但是我有點困惑。我有一個包裝DIV作爲根元素,只有其中一個。
當我刪除表單模板編譯沒有錯誤,所以它似乎檢測到的形式作爲一個根元素,但它顯然是在我的根DIV。
通常我會投票結束一個錯字問題,但錯誤不是你所期待的,我認爲這可能有助於未來的人。 – thanksd