首页 > 其他分享 >【Vue模板报错】关于 The template root requires exactly one element 报错的解决方案

【Vue模板报错】关于 The template root requires exactly one element 报错的解决方案

时间：2022-08-24 10:58:44浏览次数：86

标签：Vue 解决方案 exactly 报错 template requires 模板

报错内容

报错原因
Vue只允许模板里存在一个根节点。

解决方案
在 <template> 中添加一个 <div>标签，之后所有的组件全部加在 <div>即可解决。

标签：Vue,解决方案,exactly,报错,template,requires,模板
From： https://www.cnblogs.com/lylweb/p/16619043.html

vue样式穿透
1、vue单文件组件作用域当<style>标签带有scoped attribute的时候,它的CSS只会影响当前组件的元素，和ShadowDOM中的样式封装类似。使用时有一些注意事项，不过好处是......
vue3 在setup 外部调用 useStore() 为 undefined 解决
场景：在router/index.ts中想要获取storeimport{useStore}from'@/vuex';conststore=useStore()console.log('appstore',store)//undefined 在App.vue，或者......
【Vue】图片裁剪功能支持
一、效果展示：1、表单的图片上传项：-新增时默认一个空白Input框-更新时展示以往上传存放的图片，-点击【查看】浏览完整大小-点击【删除】清空src地址，重新......
Linux安装Vue环境
原文链接nodejsnodejs下载地址：https://nodejs.org/en/download/下载后上传到服务器，并解压。进入解压的文件夹，可以查看版本：./bin/node-v建立node软连接，变为全......
若依vue部署遇到的一些问题
背景：生产服务器9000端口，更目录/用于跳转到vue打好的包下，/scoreMange-prod-api用于匹配后台接口；在域名映射ip的时候遇到了问题，一级Nginx配置：二级Nginx配置： ......
django中发送post请求，报错csrf跨域问题，解决的办法？
方法一：在setting.py文件中找到MIDDLEWARE字段，然后注释掉带有csrf的那一行。方法二：在发送请求的html文件的form表单中添加一行{%csrf_token%},即可解决。......
vue3+ts使用bus事件总线
1、在vue2中我是这样使用的//创建一个vueBus.jsimportBusfrom'vue';letinstall=function(Vue){Vue.prototype.$bus=newBus()}exportdefault{install};......
vue3 学习-初识体验-组件 component
组件可以简单理解为"页面构成的一部分".组件化是Vue最为重要的设计理念之一吧.早期的前端页面基本上就拆分为一个个的html,css,js文件,然后不断"堆砌",一套js库......
VUE3.0+Antdv+Asp.net WebApi开发学生信息管理系统（四）
在B/S系统开发中，前后端分离开发设计已成为一种标准，而VUE作为前端三大主流框架之一，越来越受到大家的青睐，Antdv是Antd在Vue中的实现。本系列文章主要通过Antdv和Asp.netWebA......
React报错之React hook 'useState' cannot be called in a class component
正文从这开始~总览当我们尝试在类组件中使用useState钩子时，会产生"Reacthook'useState'cannotbecalledinaclasscomponent"错误。为了解决该错误，请将类组件转换......

【Vue模板报错】关于 The template root requires exactly one element 报错的解决方案

相关文章

赞助商

阅读排行