使用element-ui组件库中el-cascader和el-select组件时，下拉项不随页面滚动走的解决办法

最新推荐文章于 2024-02-06 11:33:24 发布

余一痴

最新推荐文章于 2024-02-06 11:33:24 发布

阅读量2.4k

点赞数 1

分类专栏：项目中遇到的问题

本文链接：https://blog.csdn.net/yycnf/article/details/113566999

版权

项目中遇到的问题专栏收录该内容

12 篇文章 0 订阅

订阅专栏

使用element-ui组件库中el-cascader和el-select组件时，下拉项不随页面滚动走的解决办法

1、el-cascader组件，添加:append-to-body="false"

<el-cascader
     v-model="buildForm.companyAddress"
     :options="areaList"
     :append-to-body="false"
     clearable
     style="width: 100%"
 ></el-cascader>

2、el-select组件，添加:popper-append-to-body="false"

<el-select v-model="form.complainLabel" :popper-append-to-body="false" placeholder="请选择" 
  style="width: 100%">
     <el-option
        v-for="item in dict.SQBZ"
        :key="item.dictValue"
        :label="item.dictName"
        :value="item.dictValue"
      />
</el-select>