Vue使用中にテンプレートが遭遇するエラー

クズども · 掲載地 2018/01/18 16:06:22

エラーメッセージ:テンプレートの構文エラーコンポーネントテンプレートには必ず1つのルート要素が含まれているはずです。複数の要素にv-ifを使う場合は、v-else-ifを使ってそれらを連鎖させてください。
翻訳結果:テンプレートの構文エラーコンポーネントテンプレートには、必ず1つのルート要素が含まれるべきです。v-ifマルチ要素を使う場合は、v-else-ifの連鎖を使ってください。

エラーの理由:Vueテンプレートは1つの要素のみをサポートし、2つ以上の要素を並列に含むことはできません。
エラーコードのスクリーンショット:

コードのテンプレート/>タグの下に2つのコントロールがありますが<これらはVueではサポートされていません。

回避策:並</div>列制御の最外層にdiv<を追加する>
正しいコード例は以下の通りです:

[ヴュー] Vue使用中にテンプレートが遭遇するエラー

関連記事

閲覧したセクション