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

运行效果:

相关推荐
Southern Wind6 小时前
谷记账——一个 Vue 3 批次记账 App
前端·javascript·vue.js
A923A6 小时前
【javaScript 原型精讲】
javascript·原型·原型链
卷帘依旧7 小时前
手写throttle
javascript
lzhdim7 小时前
SQL 入门 14:SQL 触发器与事件:自动化数据处理
linux·前端·数据库·sql·自动化
其实防守也摸鱼7 小时前
Sqlmap:选取sqli-labs中less-8进行sqlmap注入测试
前端·css·网络·安全·web安全·less·sqli-labs
伯远医学7 小时前
Nat. Methods | 邻近标记技术:活细胞中捕捉分子互作的新利器
java·开发语言·前端·javascript·人工智能·算法·eclipse
莪_幻尘7 小时前
一份 AGENTS.md,让 AI 代码规范率从 60% 飙升到 95%
前端·ai编程·cursor
秋秋20237 小时前
🐴 给 AI 套缰绳:一个前端项目的 AI Harness 实战记录
前端
卷帘依旧7 小时前
React Fiber介绍
前端
研☆香7 小时前
es6的新特性介绍
前端·ecmascript·es6