前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >vue3中的reactive赋值问题

vue3中的reactive赋值问题

作者头像
知识浅谈
发布2023-09-07 10:47:14
3870
发布2023-09-07 10:47:14
举报
文章被收录于专栏:分享学习

问题

当通过方法对reactive变量修改的时候,发现页面上的值没有及时更新?

解决方法

具体原因: 上面这样赋值检测不到,因为响应式的是它的属性,而不是它自身.

方法1: 单个赋值

如下:

代码语言:javascript
复制
let obj = reactive({
	name: 'zhangsan',
	age: '18'
})

某个方法(){
	obj.name = "123";	
}

方法2: 再套一层属性

如下:

代码语言:javascript
复制
let obj = reactive({
	data: {
		name: 'zhangsan',
		age: '18'
	}
})

某个方法(){
	obj.data= {
		name: 'zhangsan',
		age: '18'
	}	
}
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2023-09-06,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 问题
  • 解决方法
    • 方法1: 单个赋值
      • 方法2: 再套一层属性
      领券
      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档