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

1.需求描述

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

iview UI 阻止下拉框select选中的值,不让其进行渲染_第1张图片


2.问题描述

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

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


4.解决思路

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

iview UI 阻止下拉框select选中的值,不让其进行渲染_第2张图片你会发现没卵用,,,这里提到的两种情况实际改变了数据但是没有触发视图更新

来看终极绝招!!!

iview UI 阻止下拉框select选中的值,不让其进行渲染_第3张图片

this.$set(Object, index, obj)

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

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

你可能感兴趣的:(iview,踩坑,vue,iview,vue,select,排序)