博客

vue3数据更新页面不更新

  • Post author:
  • Post category:vue
let obj = reactive({
    id: 0,
    name: '123'
})

function setName(){
    obj = {
        id: 0,
        name: '456'
    }
    console.log(obj)
    //{id: 0, name: '456'}
}

以上代码打印出的结果是正确的，视图依然是旧数据，个人觉得是赋值给obj的时候丢失了obj的响应式，解决办法将直接赋值改成Object.assign()即可，assign合并对象并返回目标对象，目标对象的响应式依然在

function setName(){
    obj = Object.assign(obj, { id: 0, name: '456'})
}

变量的响应式丢失自然不会更新页面

版权声明：本文为m0_70542915原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。