部门下拉框被下面样式遮住了无法展现

Question

问题遇到的现象和发生背景

在代码里尝试加了style="overflow: revert"还是不行

<el-form :model="addQueryParams" ref="addQueryForm" v-show="showSearch" :inline="true" @submit.native.prevent style="overflow: revert">
        <el-form-item prop="userName">
          <el-input
            v-model="addQueryParams.userName"
            placeholder="请输入登录账号"
            clearable
            size="small"
            style="width: 240px"
            @keyup.enter.native="handleAddQuery" />
        </el-form-item>
        <el-form-item label="机构名称" prop="deptId"  style="overflow: revert">
          <treeselect v-model="addQueryParams.deptId"
                      :options="deptOptions"
                      :show-count="true"
                      placeholder="请选择归属机构"
                      @onChange="handleNodeClick"/>
        </el-form-item>
        <el-form-item>
          <el-button  type="primary" icon="el-icon-search" size="mini" @click="handleAddQuery" round>搜索</el-button>
          <el-button icon="el-icon-refresh" size="mini" @click="resetAddQuery" round>重置</el-button>
        </el-form-item>
        <el-form-item>
          <el-button type="primary" icon="el-icon-plus" size="mini" @click="handleAddAssociated">新增</el-button>
        </el-form-item>
      </el-form>

问题相关代码，请勿粘贴截图

运行结果及报错内容

我的解答思路和尝试过的方法

我想要达到的结果

Answer 1

看下你的el-form 外层代码 还有样式
开下f12审查元素