element中下拉框select在长页面滚动时，下拉弹框没有跟随下拉框跑路_element ui下拉框弹出后滚动页面,弹出的弹框不会消失

1.需求：

在页面滚动过程中，弹框并没有跟着下拉框一起跑，一直固定在那个位置
2.修改：
在tamplate中：

<el-col :span="10" class="tb-row" style="float: right;">
  <el-form-item label="经营性质" prop="proTypeCode">
    <el-select v-model="formData.proTypeCode" placeholder="请选择经营性质" filterable clearable style="width: 100%;" @change="prodTypeChange" :popper-append-to-body="false">
      <el-option v-for="item in proTypeList" :label="item.baseName" :value="item.baseCode" :key="item.baseCode"></el-option>
      <el-option value="" class="click-bottom"><el-button type="text" @click="addbasePage('proTypeList', '6010')">新增</el-button></el-option>
    </el-select>
  </el-form-item>
</el-col>
1
2
3
4
5
6
7
8

加了之后就跟着跑啦

设置这个属性即可 :popper-append-to-body=“false”