vue中Component错误

报错：Component you should use exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead.

翻译：组件应该只使用一个根元素。如果您在多个元素上使用v-if，请使用v-else-if来链接它们。

原因：组件中<template></template>标签内缺少根元素

解决：添加根元素<div></div>

<template><div>内容</div>
</template>

转载于:https://www.cnblogs.com/luowenshuai/p/9392699.html

vue中Component错误相关推荐

笔记三 vue中封装复用过滤器自定义组件 vue中component选项
题外话: npm install -g express-generator npm安装express框架封装复用 Vue中关于封装复用的内容,属于Vue中的进阶知识,在实战中对开发者的抽象和泛化能力 ...
记录vue中component切换组件时销毁定时器问题
问题描述:有A.B两个子组件,通过component进行切换,子组件中有定时器,当切换组件时需要把定时器给注销掉. 1.通过VUE组件生命周期进行删除定时器 2.使用this.$once来监听定时器 ...
vue component created没有触发_详解在Vue中使用TypeScript的一些思考(实践)
Vue.extend or vue-class-component 使用 TypeScript 写 Vue 组件时,有两种推荐形式: Vue.extend():使用基础 Vue 构造器,创建一个&qu ...
vue中eslint报Disallow self-closing on HTML void elements格式错误时的解决方案
当vue中eslint报Disallow self-closing on HTML void elements格式错误时我们需要在eslint中的rules里配置 'vue/html-self-cl ...
Vue中的Class Component使用指南
作者 | CherishTheYouth 来源 | https://www.cnblogs.com/CherishTheYouth/ 一般性指引使用@Component注解,将类转化为 vue 的组 ...
「后端小伙伴来学前端了」Vue中为什么直接安装less-loader会报版本过高错误？你有没有思考过？
清晨的☀ 前言我们都知道在 Vue 中并不只有纯正的CSS,还有less.sass等,后面这些,写起来都可以级联着,不需要像原生的css那样,会方便很多. 大家都知道我也是最近写的vue,看见周围人 ...
vue2.0中组建里面套用组件_vue19 组建 Vue.extend component、组件模版、动态组件的实例代码...
具体代码如下所示: document var aaa=vue.extend({//继承出来一个vue类aaa template:' 我是标题3 ' }); var a=new aaa();//a跟vm ...
Vue中的component
众所周知,Vue框架提供了自定义组件的功能,以便于我们在开发过程中定义自己需要的组件以实现不同的功能,满足不同的需求,增加代码的可复用性. 相信基本的创建组件的方式大家已经熟悉了,今天我来讲一讲com ...
vue中clearInterval()清除定时器报timeout.close is not a function错误？
在vue中实现播放音乐时旋转光碟的功能时候使用到了定时器,在暂停播放音乐的时候清除定时器,但是发现报了一个奇怪的错误: 在网上查了一下,发现报错的原因好像是vue中有自己内置的clearInterva ...
vue中img标签404错误处理事件onerror
以下为图片链接失效的情况若服务上的图片直接在浏览器上可以打开,但是在img上报404错误处理方法在index.html中添加代码如下 <meta name="referrer&qu ...

vue中Component错误

vue中Component错误相关推荐

最新文章

热门文章