el-select下拉框有数据但不显示

问题描述：

el-select组件使用中,出现有数据但不显示,或者下拉框错位的情况

<el-form-item label="菜品类型">
          <el-select v-model="form.type" class="m-2" :popper-append-to-body="false" placeholder="选择种类" size="large" >
            <el-option
                v-for="item in selectType"
                :key="item.id"
                :label="item.name"
                :value="item.id"
            />
          </el-select>
</el-form-item>

解决办法：

加入 :popper-append-to-body=“false” 即可

image.png