求VUE3中,子组件修改props会影响父组件的解决方法?

2023-03-23 0 3,985

解决思路是深拷贝,但不知道大家有是怎么做的,蹲一个优雅实践!
VUE2的时候官方示例是用计算属性来解决,但是我在VUE3中这样做:

const childredObj = ref(computed(() => {return props.fatherObj}))

子组件修改childredObj还是会影响到父组件里fatherObj的值!
直接这么写也不行:

const childredObj = ref(props.fatherObj})

有效的办法是JSON.parse(JSON.stringfy(props.fatherObj)),但感觉不够优雅。。。
或者直接写个deep copy的方法拿来用?不知道VUE3有没有提供官方解决方法?

回答:似乎只能深拷贝,但 JSON.parse 和 JSON.stringfy 的方式具有缺陷,要注意。

求VUE3中,子组件修改props会影响父组件的解决方法?
收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

1. JK下载官网所有资源来源于开发团队,加入会员即可下载使用!如有问题请联系右下角在线客服!
2. JK下载官方保障所有软件都通过人工亲测,为每位会员用户提供安全可靠的应用软件、游戏资源下载及程序开发服务。
3. JK开发团队针对会员诉求,历经多年拥有现今开发成果, 每款应用程序上线前都经过人工测试无误后提供安装使用,只为会员提供安全原创的应用。
4. PC/移动端应用下载后如遇安装使用问题请联系右下角在线客服或提交工单,一对一指导解决疑难。

JK软件下载官网 技术分享 求VUE3中,子组件修改props会影响父组件的解决方法? https://www.jkxiazai.com/875.html

JK软件应用商店是经过官方安全认证,保障正版软件平台

相关资源

官方客服团队

为您解决烦忧 - 24小时在线 专业服务