Cannot use v-for on stateful com

作者: honey缘木鱼 | 来源:发表于2018-12-22 17:53 被阅读2次

报错如图提示:

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>

相关文章

网友评论

    本文标题:Cannot use v-for on stateful com

    本文链接:https://www.haomeiwen.com/subject/jlqwkqtx.html