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里面

运行效果:

相关推荐
lastknight2 小时前
CSS @layer
前端·css
李宸净2 小时前
Web自动化测试selenium+python
前端·python·selenium
小月土星2 小时前
(实战篇)RAG-demo 深度解析:162行代码中的检索增强生成全景 (含Top-k法)
javascript·数据库·llm
淡海水2 小时前
06-04-YooAsset源码-Unity加密解密服务
前端·unity·性能优化·c#·游戏引擎·yooasset
lvchaoq3 小时前
this指向面试代码输出题目合集
javascript·面试·职场和发展
trigger3333 小时前
desk-health-web-community-post
前端
倒流时光三十年3 小时前
Logback 系列(7):常用 Appender(控制台 / 文件 / 滚动文件)
java·前端·logback
Csvn3 小时前
页面「穿越」之谜:React 中因 key 值不正确导致的渲染 Bug 排查实战
前端
浅水壁虎3 小时前
前端技术_TypeScript(第一章)
前端
你怎么知道我是队长4 小时前
JavaScript 函数 this 全解
开发语言·javascript·ecmascript