当前位置: 移动技术网 > IT编程>脚本编程>vue.js > Vue项目this.$forceUpdate()强制重新渲染页面

Vue项目this.$forceUpdate()强制重新渲染页面

2020年07月08日  | 移动技术网IT编程  | 我要评论

Vue项目this.$forceUpdate()强制重新渲染页面

在最近写Vue+elementUI的项目时,出现了这样一个现象,数据都是后台传值回前台了,但是页面input框却没有显示回传的值。检查了v-model绑定,字段定义等,都没有问题,搜索了百度,也没有找到解决方法,最终找了一个有经验的同事,告诉我使用 this.$forceUpdate()解决了这个问题。

上网搜索资料才知道写的多层v-for嵌套(嵌套过深)导致的,render函数没有自动更新,需手动强制刷新。

this.$forceUpdate()官方解释:强制Vue 实例重新渲染。注意它仅仅影响实例本身和插入插槽内容的子组件,而不是所有子组件。

本文地址:https://blog.csdn.net/weixin_43611145/article/details/107183944

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网