检查你的 mutations 或 actions 是否正确更新了状态,并且这些状态变化是否已正确反映到组件的 v-model 绑定上。 通过以上步骤,你应该能够定位并解决 el-select 选择后不显示的问题。如果问题仍然存在,可能需要更详细地检查你的代码或寻求社区的帮助。
初始绑定的默认值在 options 列表中不存在,导致无法正确显示。 3. 版本兼容性问题 不同版本的 Element UI 可能存在兼容性问题,导致部分功能不正常工作,尤其是在升降版本后更为明显。 三、解决方案 针对el-select 选择器无法显示选中内容的问题,我们可以从以下几个方面进行排查和解决。 1. 检查数据绑定问题 确保v-...
出现这个问题的原因不明，可能是数据结构复杂导致无法更新到 View，可用过下面的方法变相的解决。解决方法 新绑定一个 change 事件，在 change 方法中使用 this.$forceUpdate() 强制渲染视图 <el-select v-model="form.data" placeholder="选择参数" @change="changeThis"> changeThis() {this.$forceUpdate()},...
<el-form-item label="电站名称"> <el-select v-model="stationCode" multiple collapse-tags placeholder="请选择电站名称" filterable clearable remote :remote-method="searchBuild" @focus="searchBuild" @change="changeSelect" style="width: 175px" ref="my-select" @visible-change="reverseArrow" > <...
问题描述:今天本人在编写前端页面时突然发现引用的element-ui中的el-select选择器无法显示选中内容,但是当我把表单数据全部填写完后打算上交时,el-select选择器的内容又能够出现我首次选择的东西了,但是点击其它无效,不能够切换数据。对数据修改时毫不影响el-select选择器的使用。
在Vue3项目中，我们全面采用了Element-Plus库，旨在利用其丰富的组件和布局功能。然而，在使用过程中，我们发现了一些意外问题。虽然静态组件如布局等正常工作，但动态组件如ElMessage、ElNotification、ElSelect却无法显示。问题复盘：初次接触Vue3与Element-Plus，我们在引入库时显得有些混乱。全局引入、手动...
我使用的是element-ui V2.2.3。代码如下,当我选择值得时候,el-select选择器无法显示选中的内容,但是能触发change方法,并且能输出选择的值。 select.vue文件 <template> <div> <div class="row" v-for="RowItem in rows"> <div class="col" v-for="colItem in RowItem.configVos"> ...
问题描述: el-select组件使用中,出现有数据但不显示,或者下拉框错位的情况 解决办法: 加入 :popper-append-to-body=“false” 即可
加个 automatic-dropdown 试试