Vue修改数组元素,与之绑定的DOM没有同步修改的解决方法

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/sunhaobo1996/article/details/81272860

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

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

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

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

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

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

猜你喜欢

转载自blog.csdn.net/sunhaobo1996/article/details/81272860
今日推荐