vue强制更新数据$forceUpdate（）

原创已于 2023-04-24 17:29:21 修改 · 917 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端 #javascript

于 2023-04-24 17:26:45 首次发布

在Vue2中，当使用数组索引直接修改数据时，视图可能不会自动更新。文章提到，可以通过调用this.$forceUpdate()方法来强制界面重新渲染，尽管这会增加性能开销，但在某些场景下非常实用。作者提醒，由于性能影响，此方法应谨慎使用。

添加this.$forceUpdate();进行强制渲染，效果可以实现。(用来全局强制刷新，性能消耗高，反正是公司电脑我管你那个呢)

方法名( ) {
// vue2的这种数组下标去改变数据的时候视图不会更新数据
this.array[0]= 1000
// vue2他知道自己的bug 所以给全局提供给所有实例了一个方法
// $forceUpdate() 可以让算法重新计算刷新更新页面，放到你赋值数据的方法最下边即可
this.$forceUpdate()
}

非常好用