Cannot use v-for on stateful component root element because it renders multiple elements.
Cannot use v-for on stateful component root element because it renders multiple elements.
honey缘木鱼
发布于 2018-12-28 15:59:46
发布于 2018-12-28 15:59:46
报错如图提示：
image
Cannot use v-for on stateful component root element because it renders multiple elements.中文大致意思：不能在根元素（root element）使用 v-for，因为v-for是个循环体呈现多个元素，v-for在根元素上导致无法渲染。
代码如图：
<template>
<div v-for="(item,index) in headerList" v-on:click="selectMainTheme(index)">
<a href="java:;" :class="{'active':idx == index}">{{item.name}}</a>
</div>
</template>修改后代码：
<div class="contain">
<div v-for="(item,index) in headerList" v-on:click="selectMainTheme(index)">
<a href="java:;" :class="{'active':idx == index}">{{item.name}}</a>
</div>
</div>本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2018.12.22 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读