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

报错信息

   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>
修改后,成功不报错了

 

posted @ 2018-05-14 17:35  最咸的咸鱼  阅读(1918)  评论(0)    收藏  举报