組件模板應該只有一個根元素


報錯信息

   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