vue 下拉框 回显导致不能选择

最新推荐文章于 2023-06-28 11:21:14 发布
最新推荐文章于 2023-06-28 11:21:14 发布
阅读量517 收藏 1
点赞数
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42753983/article/details/121767874
版权
本文探讨了在前端开发中，由于数据层次复杂导致的el-select组件无法自动更新的问题，通过介绍如何在change事件中使用$forceUpdate()方法实现手动刷新，确保正确显示循环接口获取的数据。
摘要由CSDN通过智能技术生成

原因：下拉框数据是循环别的接口得来的，因为数据层次太多，render函数没有自动更新，需手动强制刷新

修改的话

<el-select @change='$forceUpdate()></el-select>

qq_42753983
关注
vue中el-select下拉框 编辑数据回显，数据回显了，但是，下拉中没有选中
m0_73967790的博客
05-31 1203
js:回显数据是后端给的data,直接复制是错的 后端给的data.flowReleaseMetadas=[ {flowReleaseMetadataId: 1, flowReleaseMetadataName: 'Node部署分离流程'}, {flowReleaseMetadataId: 2, flowReleaseMetadataName: 'Nod包与部署合并流程'}, {flowReleaseMetadataId: 4, flowReleaseMetadataName: 'Kubes打包与部}]
vue数据字典下拉框，要回显下拉列表中没有的值？
m0_50441807的博客
03-30 1344
由于自定义指令中的update钩子函数中无法知道接口的数据什么时候才返回，所以需要循环调用updateDom函数，里面是setTimeout，直到接口返回值的时候，才终止循环调用；思路：下拉框的回显，是根据下拉列表数组来回显的，假设下拉列表中没有该值，则无法回显；那么我们把不能回显的值也放到数组里面，只是显示下拉列表的时候隐藏，就可以达到回显的作用了；数据字典中有个enable字段，用于字典的启用和停用；// 这里写死200毫秒，实际后端响应是不确定的。：实际上拿到的是指令所在组件的实例对象；
vue elementUI下拉框值无法选中问题
热门推荐
啵啵的女孩
04-22 1万+
大家在写系统的时候，会有这样的需求：点击修改后吧需要修改的数据放入表单，其中会有下拉单选框、下拉多选框。 1、展示下拉框单选框内的数据只需要将所选id赋值给下拉框绑定的值就可以了。在修改的时候，大家会发现下拉框选择不了，出现这问题的原因就是视图更新不够及时，在下拉框绑定一个change事件，写入this.$forceUpdate()就不会出现问题了 <el-form-item label="游戏"> <el-select v-model="form.gamesId" filt
vue中页面数据回显时，下拉框/输入框无法选择或输入的问题
Mephisto180502的博客
02-23 1933
<el-input v-model="student.name"></el-input> export default { data () { return { student:{} } }, methods: { update () { this.student.name='莉莉丝' } } } 1.这样虽然可以显示值，但是不能修改 原因：vue实列创建的时候 student的属性名并未声.
avue下拉框中属性可以显示，但不能选中
Shiny0815的博客
07-14 2282
1、avue下拉框中属性可以显示，但不能选中 追其原因，我对表单分组了，下拉框放在了group组内的column组里面，导致层数过多，产生死循环的bug 2、解决方法：取消分组，把所有的属性放到column属性里面，减少层级，下拉框可正常选择 ...
vue 解决element-ui的下拉框有值却无法选中的问题
tq1711的博客
09-11 2139
问题描述： 在使用Vue框架和element-ui开发时，下拉框遇见一个问题，在函数中改变了页面中的某个值，在函数中查看是修改成功了，但在页面中没有及时刷新改变后的值，也就是下拉框值无法选中。 代码段： <el-select v-model="value" placeholder="请选择" @change="change()"> <el-option v-for="item in options" :key="item.value" :label="item.label" :
Vue下拉框回显并默认选中随机问题
10-18
Vue下拉框回显并默认选中随机问题通常指的是在使用Vue.js框架和ElementUI组件库开发前端页面时，遇到下拉框组件在数据回显时出现选择状态随机的问题。这一问题可能会导致用户体验下降，因为下拉框中的选项在多次刷新...
vue下拉框回显数据
最新发布
11-21
Vue下拉框回显数据需要通过动态绑定v-model来实现。具体的实现步骤如下： 1. 在data选项中定义一个变量，用于保存下拉框选中的值，例如selectedValue。 2. 在下拉框的标签中，绑定v-model到selectedValue，这样...
2021-07-01 VUE3.0下拉框回显问题
weixin_53532986的博客
07-01 987
VUE3.0下拉框回显问题 html <el-form-item label="目前法律状态" prop="lawStatus"> <el-select v-model="form.assetHouse.lawStatus" :disabled="route.query.type === 'view'" size="small" style="width: 220px;" placeholder="请选择法律状态"> <el-option
vue 列表数据多选框根据条件不可选中
zcl520sy的博客
07-22 555
vue 列表数据多选框根据条件不可选中
vue el-select 2个下拉框联动时产生的无法选中值的bug
lianxueliushi的博客
07-23 2275
el-select 2个下拉框联动时产生的无法选中值的bug解决办法
element 使用el-select组件的时候再重置不能选中问题解决
weixin_58791464的博客
06-28 400
在使用el-select组件的时候，查询完成以后再进行重置后，发现不能再选择上了，这个使用怎么办？
select下拉框，选择其中一个，然后进行查询，完成之后，页面上的select框不回显当前查询时选中的值...
weixin_33932129的博客
04-03 5239
2019独角兽企业重金招聘Python工程师标准>>> ...
vue循环后不能下滑_Vue-动态循环select实现不重复数据
weixin_42113754的博客
12-30 258
Vue-动态循环select实现不重复数据在实际使用过程中存在如下需求：1、存在select下拉框组，由“国家“、”省份”两个下拉框组成，组值为“国家-省份”2、下拉框“国家”与“省份”存在级联关系3、下拉框组可能存在一个或多个，必须实现动态增减4、不允许重复的下拉框组，如出现了“中国-广东”，则后续下拉框，不应出现选项值“广东”，避免重复组值出现效果如下图实现思路如下：1、前端下拉框组框架实现，...
vue element-UI 多个 select 回显成功，但是选中无反应
cksspk的博客
04-02 1477
在使用el-select 组件出现一个小问题，对成功回显后的数据，再次进行添加，选框中没有更新，但是提交表单，实际数据是更新的。怀疑可能是视图层没有更新，组件化框架类似问题。 参考文章：https://www.cnblogs.com/lick468/p/11274194.html 原因 下拉框数据是循环别的接口得来的，因为数据层次太多，render函数没有自动更新，需手动强制刷新 解决方案 ...
select2 根据option文本 设置选中，并触发改变事件
m0_37616866的博客
02-24 1411
select2 通过option 文本 设置选中，遇到问题记录
el-select下拉框：数据回显后，无法重新选中或修改
爬楼梯的前端小白的博客
11-15 2656
作用：在Vue官方文档中指出，$forceUpdate具有强制刷新的作用，迫使vue实例重新（rander）渲染虚拟dom，注意它仅仅影响实例本身和插入插槽内容的子组件，而不是所有子组件。作用：vue中的nextTick()是在下次 DOM 更新循环结束之后执行延迟回调，在修改数据之后使用$nextTick()，则可以在回调中获取更新后的 DOM。给el-select 点击事件 @change="getTeacherId" 强制数据刷新。选中其他值以后 数据并没有发生改变 且无法选中。
Vue踩坑之el-select下拉框：数据回显后，无法选中赋值问题
ZHENGCHUNJUN的博客
10-15 5799
Vue踩坑之el-select下拉框：数据回显后，无法选中赋值问题
Vue elementUI-select多选下拉框数据回显成功后，点击下拉选项或删除回显数据无反应...
行云的博客
07-29 1989
在点击的过程中监听了的绑定值的变化,也改变了,但是下拉框是没有反应的感觉自己设定的值和element ui触发的绑定值有点不一样在添加的框中选中的值返回的不单单是一个数组还有些其他值,但是自己回显的数据只是一个普通值解决办法:方法一vm.$set当视图自动更新失败时，vue提供了set方法vm.$set(target,propertyName/index,va...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值