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

想要解决这个问题，先要了解一下Vue双向绑定的原理：https://www.cnblogs.com/libin-1/p/6893712.html简单的来说，用户向监听器发起修改请求，监听器进行修改值的同时，同时动态更改对应DOM的值。通过下标直接进行值的修改会绕开监听器，所以也就无法实现动态更新的效果了。Vue对于这个问题有对应的解决方案。方法很简单，引入Vue，然后使用V...

Similar_Fair

3110人浏览 · 2018-07-29 17:01:02

Similar_Fair · 2018-07-29 17:01:02 发布

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

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

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

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

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

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

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^