Vue.js 错误异常: Component template should contain exactly one root element.

一、错误异常:

Errors compiling template: 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代码,发现template中有三个元素,发生异常:

三、解决

将h1,button标签放到div里面

运行效果:

相关推荐
锋利的绵羊几秒前
【解决方案】微信浏览器跳出到浏览器打开、跳转到app,安卓&ios
前端
终端鹿3 分钟前
Vue3 核心 API 补充解析:toRef / toRefs / unref / isRef
前端·javascript·vue.js
刘宇琪4 分钟前
如何有效缓解大语言模型生成内容中的事实性错误(幻觉)
前端
英俊潇洒美少年5 分钟前
vue的事件循环
前端·javascript·vue.js
GISer_Jing6 分钟前
Next.js全栈开发实战与面试指南
前端·javascript·react.js
im_AMBER7 分钟前
万字长文:从零实现 JWT 鉴权
前端·react.js·express
发量浓郁的程序猿8 分钟前
uniapp vue3手搓签名组件
前端
Julyued9 分钟前
vue3开发echarts热力图
前端·echarts
进击的尘埃11 分钟前
WASM 替代服务端的场景探索
javascript
本末倒置18311 分钟前
拒绝繁琐配置!用 Tailwind CSS 3 搞定多主题 + 暗色模式切换,这套方案谁用谁香
前端