Component template should contain exactly one root element. If you are using v-if on multiple elemen
Posted liziyou
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Component template should contain exactly one root element. If you are using v-if on multiple elemen相关的知识,希望对你有一定的参考价值。
vue菜鸟一枚,下载github上的代码来框架和思路,添加自己新的代码调试的时候,发现了一个错误,,具体报错如:
error in ./src/components/page/Test.vue (Emitted value instead of an instance of Error) Vue template syntax error: 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. @ ./src/components/page/Test.vue 5:2-167 @ ./src/router/index.js @ ./src/main.js @ multi ./build/dev-client babel-polyfill ./src/main.js
刚开始这样写得时候是没有发现啥错误的,我只是在后面添加一个<div></div>或是加了别的就说出现这个错误
<template> <el-button type="primary">{{test1}}</el-button> </template>
原来vue模板只能有一个根对象
所以你想要出现正常的效果,你的用一个div来或是别的标签来包裹全部的元素
正确的写法就是:
<template> <div> <el-button type="primary">haha1</el-button> <div>hahhaa</div> <el-input type="text" placeholder="测试一下"></el-input> <h1>{{test1}}</h1> </div> </template>
以上是关于Component template should contain exactly one root element. If you are using v-if on multiple elemen的主要内容,如果未能解决你的问题,请参考以下文章
组件嵌套时报:Component template should contain exactly one root element. If you are using v-if on multiple
Component template should contain exactly one root element. If you are using v-if on multiple elemen
vue报错:Component template should contain exactly one root element. If you are using v-if on multiple
Component name “home“ should always be multi-word.eslintvue/multi-word-component-names
1:1 error Component name “Subtraction“ should always be multi-word vue/multi-word-component-name
VUE component lists rendered with v-for should have explicit key