三方组件tabpane不能自适应高度的解决方案（element ivew nut-ui）应该都可以

往往我们在使用三方组件的tabs 选项卡切换时都会遇到一个有趣的问题：tabpane的高度会跟随最高的那个页面进行展示，效果如下：

当显示一行的时候高度是跟随最高的tanpane撑开，不是特别的人性

分析下原因吧？看图

so:解决方案很简单，只要将tabpane下没有选中的dom进行隐藏就可以了

加一个控制显示隐藏的就好了

 <nut-tabs
  v-if="store.tabPanes.length"
   v-model="store.curTab"
   title-scroll
 >
   <nut-tabpane
     v-for="tab in store.tabPanes"
     :key="tab.name"
     :pane-key="tab.id"
     :title="tab.label"
   >
     <component
     v-show="store.curTab===tab.id" //加一个控制显示的就好了
       :is="tab.comName"
       :cur-tab="store.curTab"
       v-bind="tab.props"
       @getBusinessData="getBusinessData"
     ></component>
   </nut-tabpane>
 </nut-tabs>

注意：componen组件中template下要包裹一个根结点div, 不要写成多个节点