Vue中v-for必须在vue实例对应元素下的子元素中循环渲染数据

异常信息

Cannot use v-for on 1 stateful componentroot element because it renders multiple elements

翻译大意：

不能在根元素（root element）使用 v-for，

因为v-for是个循环体呈现多个元素，v-for在根元素上导致无法渲染。

错误代码:

<div id="app" v-for="num in arr">    {{num }}
</div>

解决方案：

v-for 循环写在当前vue实例对应元素下的子元素中就行

修正代码:

<div id="app"><div> v-for="num in arr"> {{num }}</div>
</div>

Vue中v-for必须在vue实例对应元素下的子元素中循环渲染数据相关推荐

HTML CSS之复合选择器中的交集选择器、并集选择器、后代选择器、子元素选择器、相邻兄弟选择器、属性选择器
复合选择器是通过基本选择器进行组合后构成的,常用的复合选择器有:交集选择器.并集选择器.后代选择器.子元素选择器.相邻兄弟选择器和属性选择器等. 交集选择器交集选择器由两个选择器直接构成,其中第一个 ...
前端学习（1881）vue之电商管理系统电商系统之双层for循环渲染数据
目录结构 router.js import Vue from 'vue' import Router from 'vue-router' import Login from './components ...
oracle中job的retry次数,有大佬帮忙看下我安装过程中到底出啥问题了么..
该楼层疑似违规已被系统折叠隐藏此楼查看此楼有大佬帮忙看下我安装过程中到底出啥问题了么.. 之前说我监听不对,我调了下.监听米问题了, 但是现在还是提示我"插件执行方法失败.." ...
vue+element-ui动态生成多级表头，并且将有相同字段下不同子元素合并为同一个...
element表头要多层生成,下一级表头数据源必须是当前表头的子一级,这样一层一层嵌套可以生成多层表头: 要把数据处理成这种类型的数据 var arr = [];for (var key in obj ...
vue 数据绑定绑定属性循环渲染数据
1 <template> 2 3  4 5 <div id="app"> 6 ...
html中绝对定位的父级,父元素相对定位，子元素绝对定位
车水无动画菜单2 首页 <凤囚凰> <琅琊榜> <昭奚旧草> <凰权> 课程大厅学习内容关于我们我后来只能给下面这些书名的框加了width才能让 ...
python批量修改文件名为excel中指定名称_在Python脚本的帮助下，使用excelsh中的名称映射重命名文件夹中的文件名...
在一个文件夹中有许多CSV文件我想重命名.有一个excel工作表,其中包含要重命名为文件夹的文件名.在文件夹中的文件名为测试数据?30四月.csv在测试数据?20四月.csv在测试数据18四月 ...
c语言中使用了getch函数后如何自动按下任意键,C中的“按任意键继续”功能
使用C标准库函数getchar(),getch()是boreland函数不是标准的函数. 仅用于Windows TURBO C. printf("Let the Battle Begin!\ ...
css直接子元素怎么用,CSS 子元素选择器使用实例
与后代选择器相比,子元素选择器只能选择作为某元素子元素的元素. 子元素选择器使用大于号">"做为连接符. 如果您不希望选择任意的后代元素,而是希望缩小范围,只选择某个元素的子 ...

Vue中v-for必须在vue实例对应元素下的子元素中循环渲染数据

Vue中v-for必须在vue实例对应元素下的子元素中循环渲染数据相关推荐

最新文章

热门文章