vue之component组件错误

原创 2018年04月17日 15:17:47

报错: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.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.

 Vue.component('comment-btn',{
        template:`<button>发布</button><input type="reset" value="重置">`
    })

错误原因:vue模板只支持一个元素,不能并列包含两个及以上,案例中有button和input两个元素

解决方案:将template中的所有内容用个div包起来,实现只有一个根元素,就可以解决了。解决后代码如下:

 Vue.component('comment-btn',{
        template:`<div><button>发布</button><input type="reset" value="重置"></div>`
    })

VUE构建工具

-
  • 1970年01月01日 08:00

Vue Component 父子组件及组件选项

先来点干货想学习Vue 推荐网站我也是刚开始学习,因为要想学习Weex 框架就必须学习 Vue ,我也是在学习的路上~~~记一次学习到了Component 组件之 父子组件遇到的问题 1.在设置属...
  • qq_16666847
  • qq_16666847
  • 2017-08-07 16:43:51
  • 609

vue component组件小结

了解完vue的一些必须知道的事情,就该看看vue的组件了,本部分我们以代码进行分析。 什么是组件?    就我而言,组件就是按照自己的需求自定义的元素,充分体现了打代码的重用性。官方文档如下:    ...
  • GQ_cyan
  • GQ_cyan
  • 2017-04-15 12:52:09
  • 5161

vue component 组件使用

component 使用
  • wngzhem
  • wngzhem
  • 2016-11-28 17:11:41
  • 28991

vue 解决循环引用组件报错

做项目时遇到使用循环组件,因为模式一样,只有数据不一样。但是按照普通的组件调用格式来做时报错,错误信息为Unknown custom element: - did you register the ...
  • lx_1024
  • lx_1024
  • 2018-02-05 15:38:47
  • 149

如何封装一个vue component

https://segmentfault.com/a/1190000009090836 项目地址 配套完整后台demo地址:vue-element-admin 系类文章一:手摸手,带...
  • huang100qi
  • huang100qi
  • 2017-07-06 14:48:25
  • 471

Vue2.0 Component的详解(重点)

Vue2.0
  • BorderBox
  • BorderBox
  • 2017-08-03 17:17:13
  • 15269

Vue-component全局注册

组件的全局注册必须注意是在实例化对象之前完成。Vue.component("mytest", { template:'{{name}}', props:['name'] })new V...
  • a250758092
  • a250758092
  • 2017-04-17 23:00:47
  • 1348

解决 vue component(组件)里面每个.vue文件的style互相影响的问题

在uve组件中我们我们经常需要给style添加scoped来使得当前样式只作用于当前组件的节点。添加scoped之后,实际上vue在背后做的工作是将当前组件的节点添加一个像data-v-1233这样唯...
  • Shimeng_1989
  • Shimeng_1989
  • 2017-08-08 21:14:24
  • 2527

手把手教你封装一个vue component

手把手教你封装一个vue component 文末有大彩蛋!
  • u013193002
  • u013193002
  • 2017-04-17 17:45:49
  • 13296
收藏助手
不良信息举报
您举报文章:vue之component组件错误
举报原因:
原因补充:

(最多只允许输入30个字)