[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent..
全栈练习生 2024-07-16 11:33:00 阅读 78
错误:[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "value".
译文:[Vue警告]:避免直接改变prop,因为每当父组件重新呈现时,该值将被覆盖。相反,应该使用基于prop值的数据或计算属性。prop发生变异:"value"。简单地说,不可以直接修改props接收的属性值。
解决方法:只需要在子组件的data()重新定义一个变量,将props属性赋值给子组件的新定义的变量,可用 属性.sync 将数据同步更新到父组件
原来的写法:
父组件
子组件
修改后,父组件不变,子组件:
上一篇: VScode+ESP-IDF在ESP32上搭建web server,并实现Captive Portal - 连接WiFi自动弹出认证页面,此页面输入WIFI账号密码一键配网
下一篇: 详细前端新手小白的Vue3入坑指南
本文标签
[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent..
声明
本文内容仅代表作者观点,或转载于其他网站,本站不以此文作为商业用途
如有涉及侵权,请联系本站进行删除
转载本站原创文章,请注明来源及作者。