Logo
技术 转载 C#

vue开发过程中,修改了数据,但是页面死活不渲染改变!没变化!怎么办?6种方法解决~

photo
Pastore Antonio

2023年10月26日

方法1(推荐):用JSON.parse(JSON.stringify(objectOrArray))

通常是某个渲染的数组改变了层级较深的数据导致页面没有实时渲染

就这么写  this.items=JSON.parse(JSON.stringify(this.items));

方法2:用:key

给没有渲染改变数据的html元素加入:key=”update”

定义一个update:false,每次修改数据的时候在后面加一句this.update=!this.update;就可以刷新渲染了 

方法3:用$set

data() {

    return {

        d: { a: “旧的值” }

    };

},

this.$set(this.d,”a”,”新的值”);

方法4:用 $forceUpdate

在修改数据之后加入this.$forceUpdate();即可 

方法5:用 v-if

 就是给需要刷新数据点html标签加上v-if,让其重新渲染(笨办法)

方法6(极其不推荐):用location.replace(“”);

直接重新location.replace(“”); 刷新整个网页

本文为原创文章,请注意保留出处!
idea调试vue项目 2023年10月27日

vue项目正常启动配置jsdebug配置的url就是前端的页面地址参考:http://www....idea调试vue项目

修复群晖Synology Drive client右键菜单缺失问题 Local, clean & environmental 作者:Pastore Antonio
1808 浏览量
1785 浏览量
configure: error: Package requirements (oniguruma) were not met Local, clean & environmental 作者:Pastore Antonio
1526 浏览量
Adobe Acrobat Pro 激活 Local, clean & environmental 作者:Pastore Antonio
1522 浏览量
追寻日出,找回自己 Local, clean & environmental 作者:Pastore Antonio
1489 浏览量