vue3中的reactive赋值问题
当通过方法对reactive变量修改的时候,发现页面上的值没有及时更新?
·
问题
当通过方法对reactive变量修改的时候,发现页面上的值没有及时更新?
解决方法
具体原因: 上面这样赋值检测不到,因为响应式的是它的属性,而不是它自身.
方法1: 单个赋值
如下:
let obj = reactive({
name: 'zhangsan',
age: '18'
})
某个方法(){
obj.name = "123";
}
方法2: 再套一层属性
如下:
let obj = reactive({
data: {
name: 'zhangsan',
age: '18'
}
})
某个方法(){
obj.data= {
name: 'zhangsan',
age: '18'
}
}
更多推荐
已为社区贡献5条内容
所有评论(0)