iview UI 阻止下拉框select选中的值,不让其进行渲染

1.需求描述

在一个table中,每一行都有排序下拉框,每个排序都是唯一的,不能重复,如图所示:


2.问题描述

现在的排序是 1, 2, 3   现在将第三行下拉框的值由 3 改变成 1,因为 1 已经再第一行存在,所以不允许重复,但是

还是渲染成了 1     怎么破???


4.解决思路

首先查看API文档并没有回调拦截的事件或方法,所以只能自己重新渲染了,那如何渲染呢?

你会发现没卵用,,,这里提到的两种情况实际改变了数据但是没有触发视图更新

来看终极绝招!!!

this.$set(Object, index, obj)

记住一句话:不管第一个参数Object是数组还是对象,但最好是data的根参数

OK,收工!如果可以实现记得点赞分享,谢谢老铁~

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端加油站

你遇到的坑将由我来踩

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值