vue 組件 template 只有一個(gè)根元素仍報(bào)錯(cuò)?

`[Vue warn]: Error compiling template:

<div class="tabs">      <div class="tabs-bar">        <div          :class="tabCls(item)"          v-for="(item, index) in navList"          @click="handleChange(index)"          {{ item.label }}        </div>      </div>      <div class="tabs-content">        <slot></slot>      </div>    </div>

`

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.

報(bào)這個(gè)錯(cuò)。。模板明明是在 <div class="tabs"> 這一個(gè)根元素上的啊

template: '\
    <div class="tabs">\
      <div class="tabs-bar">\
        <div\
          :class="tabCls(item)"\
          v-for="(item, index) in navList"\
          @click="handleChange(index)"\
          {{ item.label }}\
        </div>\
      </div>\
      <div class="tabs-content">\
        <slot></slot>\
      </div>\
    </div>',