vue2中el-select使用:popper-append-to-body=false后 下拉列表消失

当 `popper-append-to-body` 设置为 `false`时，下拉列表会被插入到 `el-select` 组件的父级元素中。如果下拉列表消失了，可能是由于父级元素的 z-index 值没有设置正确，导致下拉列表被其他元素遮挡。

你可以尝试给 `el-select` 组件的父级元素设置一个较大的 z-index 值，例如：

.parent {
  position: relative;
  z-index: 999;
}

其中 `.parent` 是 `el-select` 组件的父级元素的选择器。

相关问题

v-model="form.value" filterable v-el-select-loadmore="loadMore" :filter-method="selectFilter" @visible-change="selectVisible" placeholder="请选择" :popper-append-to-body="false" popper-class="selectinfo"

这是一段代码，是使用 Vue.js 框架中的 Select 组件实现的下拉选择框。其中 v-model 绑定了选择框的值，filterable 表示可以进行筛选，v-el-select-loadmore 表示可以进行滚动加载，:filter-method 绑定了筛选方法，@visible-change 监听选择框的显示状态，placeholder 设置了默认提示文字，:popper-append-to-body 表示弹出框不会插入到 body 元素之外，popper-class 设置了弹出框的样式。

给所有的el-select都添加为popper-append-to-body

将所有的el-select添加为popper-append-to-body可以通过修改全局配置来实现。可以在main.js文件中添加以下代码：

import Vue from 'vue';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';

Vue.use(ElementUI, {
popperAppendToBody: true // 添加全局配置popper-append-to-body
});

这将在全局范围内启用popper-append-to-body。它将影响整个应用程序，并将应用于所有使用el-select组件的地方，无需逐个修改每个el-select组件。这是一种高效且方便的方式来实现所需的更改。

注意，为了使此更改生效，您需要确保引入了Vue和ElementUI，并且通过Vue.use()方法将ElementUI注入Vue实例中。