element el-select 选项无法选择的问题

最新推荐文章于 2024-04-16 16:30:37 发布
最新推荐文章于 2024-04-16 16:30:37 发布
阅读量1.7k 收藏
点赞数 2
文章标签： python
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_31481269/article/details/120869275
版权

element-ui开发时，在el-select下拉框值无法选中。

原因：出现这个问题就是绑定了对象（需求如此），render函数没有自动更新，数据刷新了，但是视图没有刷新，而this.$set和this.$forceUpdate就是重新render。

先写个change事件changeSelect

changeSelect(){

        this.$forceUpdate()；

      },

qq_31481269
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
关于el-select无法选中问题
weixin_40538702的博客
03-22 4439
场景：在el-dialog弹框中写el-select选中，发现无法选中，查询到一下解决办法，以做记录 解决：1、查看el-select属性v-model的值是否在data中定义 2、数据嵌套太多层，vue不能实时监测到数据更新，所以强制刷新 参考文章：https://blog.csdn.net/weixin_41472431/article/details/103575267 ...
elementui select选项无法选择的问题
T_ianxin的博客
06-25 1865
出现这个问题的原因是绑定了对象，数据刷新了但视图没有刷新。
el-select选择框选择无反应，值已经更新，但是页面没有显示变化（2024-04-16）
最新发布
hap1994的博客
04-16 798
点了选择框【休假】，但是页面并没有选中，是因为页面响应数据没有更新。解决方案，使用强更新机制强行更新页面视图。改完之后就可以选择了。
解决element-ui的下拉框有值却无法选中的问题
热门推荐
JCat的博客
01-30 3万+
问题描述： 在使用Vue框架和element-ui开发时，下拉框遇见一个问题，在函数中改变了页面中的某个值，在函数中查看是修改成功了，但在页面中没有及时刷新改变后的值，也就是下拉框值无法选中。（踩坑踩得莫名其妙） 代码段： <el-select v-model="value" placeholder="请选择" @change="change()"> <el-opti...
vue+element select下拉框选择不上的问题
m0_59634511的博客
08-01 1831
el-dialog title="修改上报比例" v-model="changeDialogVisible" width="30%" center :destroy-on-close="true"<el-select v-model="changeFrom.ratio" style="width: 100%;<el-button type="primary" @click="submitUp">确 定</el-button><el-form-item label="上报比例" prop="ratio">
解决elementUI弹出框关闭后再打开el-select下拉框无法选中的问题
商务合作 / 项目定制开发 / 前端一对一培训、答疑
06-15 2379
el-select组件在一个弹框中，打开该弹框，el-select可以正常选中，但是保存弹框中的表单信息关闭弹框后，再打开弹框，出现select组件无法选中的问题。通过以上观察，很容易判断原因，那就是问题应该是出在el-dialog弹框上，而不是在select上，也就是关闭弹框时，弹框组件未销毁，有残留历史数据。免费答疑，行业深潜多年的技术牛人帮你解决bug。如上图，无法选中，但是所对应的data的值产生了变化，视图表现就是未选中状态。凡是要具体问题具体分析啊！解决方法就是彻底销毁该组件，用v-if即可。
详解element-ui中el-select的默认选择项问题
10-16
本文将深入探讨`el-select`组件在设置默认选择项时可能遇到的问题及解决方案。 首先，`el-select`是Element-UI提供的一个用于创建下拉选择列表的组件。它通常与`el-option`组件配合使用，`el-option`用于定义可选的...
element-ui 远程搜索组件el-select在项目中组件化的实现代码
10-15
Element-UI的`el-select`组件是用于创建下拉选择框的，它提供了丰富的功能，包括远程搜索（remote search）。远程搜索在大型数据集或动态获取数据的情况下非常有用，因为它只在用户输入时向服务器请求数据，提高了...
解决element-ui里的下拉多选框 el-select 时,默认值不可删除问题
11-20
这是一个项目中常见的需求，el-select 为下拉多选，默认值不可删除，或者指定值不可删除。 实现效果： el-select 如下源码中 tag closable 属性为 ...1、 watch 进行监听，当操作不可删除的选项时，el-select 绑定的值
vue2.0 element-ui中el-select选择器无法显示选中的内容(解决方法)
10-18
主要介绍了vue2.0 element-ui中的el-select选择器无法显示选中的内容,在文中小编使用的是element-ui V2.2.3。具体解决方法及示例代码大家参考下本
el-tree-select:基于el-select和el-tree改造的树形选择器（下拉框）组件
05-10
"el-tree-select:基于el-select和el-tree改造的树形选择器（下拉框）组件"是一个自定义的前端UI组件，它结合了Element UI库中的el-select和el-tree两个组件的功能，创建了一个适用于数据层级关系展示的选择器。...
31、element 解决el-select 下拉选择默认赋值后，无法再次选择数据的问题
伦伦的博客
11-16 2524
element 解决el-select 下拉选择默认赋值后，无法再次选择数据的问题。
el-select 下拉框有值却无法选中
且听风吟的博客
12-28 4044
el-select 下拉框遇见一个问题：数据是从接口获取的大量数据，点击选项后，在 change 函数中查看是值已经发生变化了，但在页面上没有显示新改变后的值，也就是下拉框的值无法选中。 解决方法：在 el-select 加一个 change 事件刷新一下，目前用着没发现什么问题。 el-select 的 change 事件绑定 refreshData 方法： <el-select v-model="co.attrs.labelIds" multiple filterable default-firs
Vue+Element-UI在使用select标签时动态展示数据，设置默认值后无法选择其他项的问题
tangyin_007的博客
01-06 2635
使用vue+elementui遇到的坑，记录以免以后再次遇到。 代码如下： <el-col :span="12"> <el-form-item label="业务复核人" prop="businessReviewer" > <el-...
element下的select下拉框设定初值后，不能重新选择的问题
辉的范你学不来的博客
07-23 1049
<el-form-item label="车辆型号:" prop="carModel"> <el-select v-model="addDerive.carModel" @change="$forceUpdate()" placeholder="请选择车辆型号"> <el-option v-for="item in carMod
vue el-select 2个下拉框联动时产生的无法选中值的bug
lianxueliushi的博客
07-23 2218
el-select 2个下拉框联动时产生的无法选中值的bug解决办法
El-Select 下拉选择无反应 无法选择
全盛
02-25 3694
场景: 已知El-Select的v-model=‘dialog.forms.roomCode’ 原因: 你在手动触发改变之前,使用了 dialog.forms.roomCode = xxx; 给v-model赋值 解决办法1: this.$set(this.dialog.forms,'roomCode ',xxx); 解决办法2: this.dialog.forms ={ roomCode: “”}; //下拉选择才有反应 原理读源码可知: 下拉选择时会触发 this.$emit('input', val
element UI select 下拉选择无反应 无法选择 Vue设置属性不触发响应
昔人'
10-17 3271
原因: 你在手动触发改变之前,使用了 dialog.forms.roomCode = xxx;而’之前运行了 dialog.forms.roomCode = ‘’;所以dialog.forms.roomCode虽然确实被改变了,但是不过它不是响应式的,所以视图没有更新。场景: 已知El-Select的v-model=‘dialog.forms.roomCode’this.dialog.forms ={ roomCode: “”};$1(ob.value, key, val)去定义响应式的变量)
【vue+el-select】选择器选择不上数据，但填写或选择其他内容后，之前的选择内容又显示
栀妹儿的炼丹炉
05-06 1466
描述 vue项目有些选择器点了以后无法获取值 但是输入其他文字或者选择了其他选项以后 之前选择的数据就出现了： 原因 Vue无法侦听新增的属性值的变化 解决方法 1、用set：Vue.set(someObject,prop,value) 2、声明属性 newWorkActivityAssessHistory: { companyLevelFrequency:null, postLevelFrequency:null, workLevelFrequency:null, teamL
element el-select选项value不反悔
07-25
对于el-select组件，如果选项的value属性没有返回，可能有以下几个原因： 1. 选项的value属性未设置：请确保每个选项都设置了value属性。例如： ```html <el-select v-model="selectedValue"> <el-option value=...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值