el-select下拉框有数据无显示

问题描述

vue+element项目开发中,出现有数据无显示,或者下拉框错位的情况.

<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” 即可

elment官网解释