报错: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>`
    })

Logo

前往低代码交流专区

更多推荐