踩坑记:el-tabs

1,362 阅读1分钟
    <el-tabs v-model="tabs">      <el-tab-pane :label="item.label" :name="item.name" v-for="item in tabList" :key="item.name">        <div class="mt50">          <keep-alive>            <component v-bind:is="tabs"></component>          </keep-alive>        </div>      </el-tab-pane>    </el-tabs>

el-tab-pane会导致内部的component多次渲染, 解决方案在组件外面使用v-if强制只渲染一个component。