vue3中定义的对象再次赋值，页面不会自动更新解决方法_vue3对象赋值_十友九的博客-CSDN博客

安宇雨 - 随手采集
2023-07-06 19:00:03
随手采集
0000-未整理-等待研究

第一种方法：将reactive换成ref，即可实现页面随时刷新：

export default {
  components:{HelloWorld},
  name: 'App',
  setup(){
    let person=ref({})
    const getPerson= (data)=>{
      person.value=data
    }
    return {
      getPerson,
      person
    }
  }
}

第二种方法：在定义reactive的时候，定义属性名，在后期赋值的时候，对属性名进行赋值；

export default {
  components:{HelloWorld},
  name: 'App',
  setup(){
    let person=reactive({
      message:{}
    })
    const getPerson= (data)=>{
      person.message=data
    }
    return {
      getPerson,
      person
    }
  }
}

第二种方法：Object.assign()

export default {
  components:{HelloWorld},
  name: 'App',
  setup(){
    let person=reactive({})
    const getPerson=(data)=>{
      Object.assign(person, data)
    }
    return {
      getPerson,
      person
    }
  }
}

原网址: 访问
创建于: 2023-07-06 19:00:03
目录: default
标签: 无

未标明原创文章均为采集，版权归作者所有，转载无需和我联系，请注明原出处，南摩阿彌陀佛，知识，不只知道，要得到