vue数据更新了，但页面没有更新，解决办法如下：（Vue 实现组件的强制刷新）

最新推荐文章于 2024-04-15 15:28:06 发布

bigdargon

最新推荐文章于 2024-04-15 15:28:06 发布

阅读量489

点赞数

分类专栏： vue 文章标签： vue.js 前端

本文链接：https://blog.csdn.net/bigdargon/article/details/127208702

版权

当Vue数据更新但页面未响应变化时，可以通过`this.$set`更新数组或对象，或者利用Vue的强制刷新方法如`v-if`、`this.$forceUpdate()`和`:key`属性来实现组件的重新渲染。详细介绍了这三种方法的使用场景和操作步骤。

摘要由CSDN通过智能技术生成

第一种-- - this.$set(原数组, 索引值, 需要赋的值)

vue中$set的用法
 
$set用来更新数组或对象
 
$set接收3个参数：参数1:参数是需要更新的数组或对象，
                参数2:是数组的下标或者对象的属性名，
                参数3:是更新的内容

let arr =["周一","周二","周三","周四","周五","周六"];
//第一个参数是数组，第二个参数是下标索引，第三个参数是新的内容

关注

专栏目录