vue之component组件错误
报错: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 elemen
·
报错: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>`
})
更多推荐
已为社区贡献1条内容
所有评论(0)