专栏首页娱乐心理测试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.

报错如图提示:

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>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Vue条件渲染(v-if和v-show的区别)

    在项目中我们总是用到根据某一值判断属性是否显示,或不同的值让其显示不同,顾名思义总是用v-if来实现,v-show也可用来判断是否显示,两者有什么区别呢?

    honey缘木鱼
  • mpvue网络接口请求封装

    在mpvue中我们同样使用小程序的原生API wx.request进行请求,具体方法如下:

    honey缘木鱼
  • ARC 环境下 dealloc 的使用误区

    在MRC时代,我们需要在 dealloc中做很多,比如释放对象,如今我们已经进入ARC时代,对于普通对象的释放,系统已经帮我们做好了;是不是我们就再也不用担心内...

    honey缘木鱼
  • 一文彻底弄懂 for forEach for-in for-of 的区别

    在 JavaScript 中所有的数组都是对象,这意味着你可以给数组添加字符串属性:

    JS菌
  • python 的topk算法实例

    top-k acc表示在多分类情况下取最高的k类得分的label,与真实值匹配,只要有一个label match,结果就是True。

    砸漏
  • 通过实现25个数组方法来理解及高效使用数组方法(长文,建议收藏)

    要在给定数组上使用方法,只需要通过[].方法名即可,这些方法都定义在 Array.prototype 对象上。在这里,咱们先不使用这些相,反,咱们将从简单的方法...

    前端小智@大迁世界
  • FastDFS蛋疼的集群和负载均衡(十四)之Nginx+Tomcat负载均衡

    用户2032165
  • Vue实战系列—评价组件的设计与实现(6)

    针对组件引用的图片可能产生变动性,我们将组件内的图片放入组件文件夹内,进行引用。使得组件更加便于维护。

    前端大彬哥
  • Angular应用的依赖注入调试

    Jerry Wang
  • 【技术专栏】OpenVirteX体系结构之组件(一)

    2 组件 概要 本节描述OVX所使用的代表各种网络元素和OpenFlow消息的类和包。 2.1 概述 2.2 组件状态机 2.3 组件持久性 2.4 交换机(S...

    SDNLAB

扫码关注云+社区

领取腾讯云代金券