vue数据更新页面不渲染解决方案

正常情况可以用this.$forceUpdate();在进行页面强制渲染，如果遇到特殊情况可以配合this.$nextTick 使用强制渲染this.$nextTick(function(){this.$forceUpdate();})如果在碰到更特殊的情况，比如在模板中的数据即使在本页强制渲染了，也无法生效，那就直接在模板页面的触发函数里面调用...

百味苦

5254人浏览 · 2020-04-28 14:51:56

百味苦 · 2020-04-28 14:51:56 发布

正常情况可以用

this.$forceUpdate();

在进行页面强制渲染，如果遇到特殊情况可以配合this.$nextTick 使用强制渲染

this.$nextTick(function(){
					this.$forceUpdate();
				})

如果在碰到更特殊的情况，比如在模板中的数据即使在本页强制渲染了，也无法生效，那就直接在模板页面的触发函数里面调用

这个函数就是在模板内部触发父页面的函数，触发后父页数据修改成功，但是模板页面不会重新渲染，直接加上这段代码就可以实现强制渲染数据

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