Vue修改数组元素，与之绑定的DOM没有同步修改的解决方法_动态添加dom data-v不一致

作者：IT小白 | 2024-02-23 04:56:33

踩

动态添加dom data-v不一致

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

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

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

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

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

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

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/IT小白/article/detail/133831