因为根元素只能有一个,所以v-for放在根元素上Vue会不知道怎么渲染 这样写会报错: <templatev-for="product in productList">全部产品{{ product.title }}<liv-for="item in product.list">{{ item.name }}手机应用类</template>export default { data() { return { productList: { ... } }...
今天也遇到了同样的问题，上网查了一圈。终于知道了原因。大致意思就是 v-for不能用于根元素（root element）。因为v-for是个循环，它返回更多的元素。导致无法渲染。
这样写试试,v-for不能用于根元素(root element) <template v-for="article in articles"> {{article.title}} </template>有用 回复 xxfaxy: 我这样写报错 回复2017-03-17 长寿之都扬州小严 4517 发布于 2019-03-21 使用【Vue-Fragment】库,即可。 <template> <fragment> // fr...
根标签只能有一个，所以不能用循环。你在根节点中去循环就行了。
(template上不能使用key, 但 v-for 必须要指定key,所以循环遍历的元素上,需要加上key ) <templatev-for="(item,index) in ['国庆节', '春节', '元旦']"> <liv-if="item !== '春节'":key="index">{{item}} </template> 1. 2. 3...
Angular的世界里，templateURL 或者 ng-include 允许使用者在运行时动态的加载远程模板文件，这个看起来很方便，作为一个自带功能，但是让我们来重新审视下这个功能。首先，它允许我们能够编写一个分离的html文件作为模板，这样子我们就能在编辑的时候看到正确的语法高亮，这也是很多开发者喜欢的原因（注：我...
<template v-for="(item,i) in arr" :key="i">编译报错 cannot be keyed. Place the key on real elements instead如: <template v-for="(item,i) in arr" :key="i"> <template v-for="(item1,i1) in arr" :key="i1"> <template v-for="(item2,i2) in arr" :key="i2"> </t...
这样写试试,v-for不能用于根元素（root element）<template v-for="article in articles"> {{article.title}} </template>
这样写试试,v-for不能用于根元素（root element）<template v-for="article in articles"> {{article.title}} </template>
根标签只能有一个，所以不能用循环。你在根节点中去循环就行了。