Iview tabs里面使用了treeselect导致下拉被挡住解决 （踩坑记录）

问题描述

    <Tabs value="name1"  class="tabsVisible" >
        <Tab-pane label="标签一" name="name1">
           <treeselect v-model="param"
                                style="width:330px;"
                                :show-count="true"
                                placeholder="请选择查询"
                                @select="handleChange"
                                :options="data"  :normalizer="normalizer"/>
        </Tab-pane>
        <Tab-pane label="标签二" name="name2">
        标签二的内容
        </Tab-pane>
    </Tabs>

解决方案

1、设置tabs :animated=false 禁用切换动画

2、然后给tabs添加一个class选择器
.tabsVisible {
overflow: visible;
}