Vue项目this.$forceUpdate()强制重新渲染页面
程序员文章站
2022-03-11 08:19:40
Vue项目this.$forceUpdate（）强制重新渲染页面 在最近写Vue+elementUI的项目时，出现了这样一个现象，数据都是后台传值回前台了，但是页面input框却没有显示回传的值。检查了v-model绑定，字段定义等，都没有问题，搜索了百度，也没有找到解决方法，最终找了一个有经验的同事，告诉我使用 this.$forceUpdate()解决了这个问题。上网搜索资料才知道写的多层v-for嵌套（嵌套过深）导致的，render函数没有自动更新，需手动强制刷新。this.$forceUpda...
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