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 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>`
    })

阅读更多
上一篇hover后transition失效解决方案
下一篇微信小程序navigation跳转问题
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭
关闭