1.需求描述
在一个table中,每一行都有排序下拉框,每个排序都是唯一的,不能重复,如图所示:
2.问题描述
现在的排序是 1, 2, 3 现在将第三行下拉框的值由 3 改变成 1,因为 1 已经再第一行存在,所以不允许重复,但是
还是渲染成了 1 怎么破???
4.解决思路
首先查看API文档并没有回调拦截的事件或方法,所以只能自己重新渲染了,那如何渲染呢?
你会发现没卵用,,,这里提到的两种情况实际改变了数据但是没有触发视图更新。
来看终极绝招!!!
this.$set(Object, index, obj)
记住一句话:不管第一个参数Object是数组还是对象,但最好是data的根参数
OK,收工!如果可以实现记得点赞分享,谢谢老铁~