想要解决这个问题,先要了解一下Vue双向绑定的原理:

https://www.cnblogs.com/libin-1/p/6893712.html

简单的来说,用户向监听器发起修改请求,监听器进行修改值的同时,同时动态更改对应DOM的值。

通过下标直接进行值的修改会绕开监听器,所以也就无法实现动态更新的效果了。

Vue对于这个问题有对应的解决方案。方法很简单,引入Vue,然后使用Vue.set(dest,index,value)函数即可。

PS:dest,需要修改的数组;index,数组下标;value,想要修改的值。

Logo

前往低代码交流专区

更多推荐