热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

VUE项目中使用this.$forceUpdate();解决页面vfor后渲染不刷新的问题

如题页面这样写的时候  界面不显示,未空  如果中间随意插入一些文字,  则列表界面就显示了。   原因一般是因为数据层次太多,render函数没有自动更新,需手动强制刷新。  在完成对数据的更新后,强制Vue更新数据this.$force

如题

页面这样写的时候
VUE项目中使用this.$forceUpdate();解决页面v-for后渲染不刷新的问题

 

 界面不显示,未空

VUE项目中使用this.$forceUpdate();解决页面v-for后渲染不刷新的问题

 

 

如果中间随意插入一些文字,

VUE项目中使用this.$forceUpdate();解决页面v-for后渲染不刷新的问题

 

 则列表界面就显示了。

VUE项目中使用this.$forceUpdate();解决页面v-for后渲染不刷新的问题

 

 

 

原因一般是因为数据层次太多,render函数没有自动更新,需手动强制刷新。

VUE项目中使用this.$forceUpdate();解决页面v-for后渲染不刷新的问题

 

 

//在完成对数据的更新后,强制Vue更新数据
            this.$forceUpdate();

 


推荐阅读
author-avatar
闪亮登台
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有