element中el-select下拉框位置错乱问题

简介: element中el-select下拉框位置错乱问题

一、问题展示

二、解决方法

:popper-append-to-body="false"

三、代码

<el-select
          class="item-value"
          :popper-append-to-body="false"
          :disabled="busTypeDisabled"
          v-model="formData.busType"
          @change="busTypeChange"
          placeholder="事务类型">
          <el-option
            v-for="item in busTypes"
            :key="item.value"
            :label="item.label"
            :value="item.value"
          />
        </el-select>

四、欢迎交流指正,关注我一起学习。


相关文章
|
22天前
【UI】 element -ui select下拉框label显示多个值
【UI】 element -ui select下拉框label显示多个值
38 1
|
22天前
|
前端开发 微服务
Element-Plus 表格 el-table 如何支持分页多选
Element-Plus 表格 el-table 如何支持分页多选
|
7月前
LayUI清空下拉框的值
LayUI清空下拉框的值
117 0
|
10月前
element-plus:el-table自定义展开图标处于列的位置
element-plus:el-table自定义展开图标处于列的位置
337 0
|
8月前
|
JavaScript
element-UI el-table动态显示隐藏列造成固定一侧的列(fixed=“left/right“)错误显示
问题原因:多个tabs共用一个实体,动态显示隐藏列 出现了固定在右侧的列(fixed="right")错位 【解决方案】 表格的重新布局,只要table数据发生变化的时候就重新渲染表格 ```js this.$nextTick(() => { this.$refs.formname.doLayout() }) ``` 参考element官方文档 ![请在此添加图片描述](https://developer-private-1258344699.cos.ap-guangzhou.myqcloud.com/column/article/5877188/20231030-e40
112 0
element-UI el-table动态显示隐藏列造成固定一侧的列(fixed=“left/right“)错误显示
|
前端开发
element ui el-table 多选 表头全选框替换文字
element ui el-table 多选 表头全选框替换文字
1481 0
|
22天前
基于sortablejs实现拖拽element-ui el-table表格行进行排序
基于sortablejs实现拖拽element-ui el-table表格行进行排序
|
22天前
|
JavaScript 前端开发 开发者
div 元素的 tab-index 属性被设置为 -1,意味着什么
div 元素的 tab-index 属性被设置为 -1,意味着什么
30 0
|
9月前
|
JavaScript
el-select下拉多选框 el-select 设置默认值不可删除功能
Element-UI是一款广泛使用的Vue.js组件库,其中El-Select下拉多选框组件在实际项目开发中经常被使用。然而,在Element 3.0版本中,El-Select下拉多选框默认值可被删除,这可能会导致一些意外情况。本文将介绍如何解决这个问题,实现El-Select下拉多选框设置默认值不可删除的功能。
298 0
el-select下拉多选框 el-select 设置默认值不可删除功能
可编辑多选el-select element源码(整理)
可编辑多选el-select element源码(整理)