iview中 Tabs 标签页 指定显示对应的TabPane页面以及高度随内容撑开问题

1. 设置指定显示页面

<Tabs ref="tabs" :animated="false">
  <Tab-pane label="标题1" name="MigrationList">
      <MigrationList ref="migrationListRef"/>
    Tab-pane>
    <Tab-pane label="标题2" name="AddMigrationList">
      <AddMigrationList/>
    Tab-pane>
    <Tab-pane label="标题3" name="ScheduleList">
      <ScheduleList/>
    <div v-show="exceptionList.length">
        <br/>
        <ExceptionList/>
    div>
    Tab-pane>
  Tabs>

this.$refs.tabs.activeKey = 'AddMigrationList'

2. 高度随内容撑开问题

当animated: true时，高度不能随着内容的高度撑开，反而是由最高的tabPane决定的。

• 使用动画时
  主要是通过translateX来进行水平方向的移动，来保证显示与隐藏
• 不使用动画时
  切换时，会通过 display: none 使不该显示的tab项隐藏

可能是因为，使用动画的时候，不好控制display，从而导致高度被最高的那一个撑开了