关于Vue中，checkBox等组件在赋值后，点击切换页面未及时更新问题

我们经常碰到这样的问题，在v-for循环中，给某些组件（此处以checkBox为例）赋值后，组件并不能正常切换，这是因为数据层太多，render函数没有自动更新，需手动强制刷新。解决方法：在切换checkBox等组件时，@change绑定一个方法，在方法中写入以下：this.$forceUpdate()this.$forceUpdate()，用于强制刷新页面数据...

weixin_30877181

4229人浏览 · 2019-09-09 15:36:00

weixin_30877181 · 2019-09-09 15:36:00 发布

我们经常碰到这样的问题，在v-for循环中，给某些组件（此处以checkBox为例）赋值后，组件并不能正常切换，这是因为数据层太多，render函数没有自动更新，需手动强制刷新。

解决方法：在切换checkBox等组件时，@change绑定一个方法，在方法中写入以下：

this.$forceUpdate()

this.$forceUpdate()，用于强制刷新页面数据

转载于:https://www.cnblogs.com/jane2160/p/11492015.html

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}$/, //不连续的两位字母// /^