Vue更新数据但是界面不刷新

最新推荐文章于 2024-07-29 11:31:42 发布

原创最新推荐文章于 2024-07-29 11:31:42 发布 · 860 阅读

2 ·

CC 4.0 BY-SA版权

vue 专栏收录该内容

15 篇文章

订阅专栏

本文探讨了Vue中直接修改data属性可能导致的视图不刷新问题，并提供了有效的解决方案。通过实例演示了如何利用Vue的$set方法正确更新数据，确保视图能够及时响应变化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Vue更新数据不刷新？

直接改data有时候是不行的，

比如data[0].name='AAA',

数据不是props对象格式

------------------------------------------------------------------------------------------------------------

试试下面这种方式,亲测可用，$set方式才会被监听

this.$set(this.list[num], 'delflag', true)

-------------------------------------------------------下列是查问题过程的参考资料-----------------------------------------------------

vue更新数据的示例方法

      const { config } = this

      /**
       * 只是这样做是无效
       * config指向的内存地址没有发生变化
       * 组件无法侦知数据变化
       */
      this.config.value = 90
      this.config.lineDash = [10, 4]

      /**
       * 使用ES6拓展运算符生成新的props对象
       * 组件侦知数据变化 自动刷新状态
       */
      this.config = { ...this.config }