vue报错：the template root disallows ‘v-for‘ directives解决办法

原代码：

<template><div v-for="(item, index) in apps" :key="index"> {{ item.name}}</div>
</template >

报错：
the template root disallows 'v-for' directives

原因：
根元素只能有一个，v-for是个循环，它返回更多的元素，所以v-for放在根元素上Vue会不知道怎么渲染。

代码改进：（添加根节点）

<template><div><div v-for="(item, index) in apps" :key="index"> {{ item.name}}</div></div>
</template>

vue报错：the template root disallows ‘v-for‘ directives解决办法相关推荐

vue 报错 Cannot read property ‘__ob__‘ of undefined的解决方法
vue 报错 Cannot read property '__ob__' of undefined的解决方法参考文章: (1)vue 报错 Cannot read property '__ob__' ...
vue报错 Uncaught (in promise) NavigationDuplicated {_name:““NavigationDuplicated“... 的解决方法
vue报错 Uncaught (in promise) NavigationDuplicated {_name:""NavigationDuplicated"... 的解 ...
Navicat 远程连接docker容器中的mysql 报错1251 - Client does not support authentication protocol 解决办法
Navicat 远程连接docker容器中的mysql 报错1251 - Client does not support authentication protocol 解决办法 1).容器中登录my ...
[转载] 树莓派4B使用 Adafruit_PCA9685 报错IOError: [Errno 121] Remote I/O error解决办法
参考链接: Python文件I / O 树莓派4B使用 Adafruit_PCA9685 报错IOError: [Errno 121] Remote I/O error解决办法首先,确保已经下载了p ...
【报错解决】linux网络编程报错storage size of ‘serv_addr’ isn’t known解决办法
linux网络编程报错storage size of 'serv_addr' isn't known解决办法报错如下: server.c:18:21: error: storage size of ...
oracle ogg00423,【案例】Oracle报错PLS-00378 PLS-00439产生原因和MOS官方解决办法
[案例]Oracle报错PLS-00378 PLS-00439产生原因和MOS官方解决办法时间:2016-11-12 21:31 来源:Oracle研究中心作者:代某人点击: 次天 ...
Zookeeper报错Will not attempt to authenticate using SASL解决办法
Will not attempt to authenticate using SASL (unknown error) 经过查资料,这个问题与zookeeper里面的zoo.cfg配置有关. 在程序填 ...
浏览器报错Not allowed to load local resource:的解决办法,与网上大多数都不同,亲测有用！
浏览器报错Not allowed to load local resource:的解决办法,与网上大多数都不同,亲测有用! 起因报错原因吐槽解决办法参考起因因为深度学习用的是pytorch ...
php数据库报错1046怎么解决,DZ报错MySQL Query Error Errno:1046错误的解决办法
这篇文章主要为大家详细介绍了DZ报错MySQL Query Error Errno:1046错误的解决办法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴. DZ报 ...
报错：Could not find action or result解决办法
报错:Could not find action or result解决办法 $("#btn-processSubmit").click(function(){if(status ...

vue报错：the template root disallows ‘v-for‘ directives解决办法

vue报错：the template root disallows ‘v-for‘ directives解决办法相关推荐

最新文章

热门文章