vue3中直接对reactive整个对象赋值检测不到
let obj = reactive({
name: 'zhangsan',
age: '18'
})
obj = {
name: 'lisi'
age: ''
}
// 上面这样赋值检测不到,因为响应式的是它的属性,而不是它自身
// 如需要对 reactive 赋值
// 方法1: 单个赋值
obj['name'] = 'lisi';
obj['age'] = '';
// 方法2:多包一层
let obj = reactive({
data: {
name: 'zhangsan',
age: '18'
}
})
obj.data = {
name: 'lisi'
age: ''
}
本文介绍了Vue3中使用reactive进行响应式数据处理的方法。直接替换整个对象不会触发视图更新,需通过修改对象属性或包裹一层的方式实现。提供两种有效更新数据的实践案例。
4万+





