组件模板应该只有一个根元素


报错信息

   Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead.

报错分析

  在一个组件模板中应该只存在一个根元素,所以在每个组件操作中都应该只有一个根元素。

<template>
    <div class="swiper-tab-list" data-current="0" @click="swichNav">
      全部
    </div>
    <div class="swiper-tab-list" data-current="1" @click="swichNav">
      未处理
    </div>
</template>

未修改前,一个template中存在多个根,解决只需要在外层套一个div或者其他元素包裹所有的元素
未修改前
<template>
  <div>
    <div class="swiper-tab-list" data-current="0" @click="swichNav">
      全部
    </div>
    <div class="swiper-tab-list" data-current="1" @click="swichNav">
      未处理
    </div>
  </div>
</template>
修改后,成功不报错了

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM