[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent..

 错误：[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 将数据同步更新到父组件

原来的写法：

父组件

子组件

修改后，父组件不变，子组件：

 

本文链接：https://www.kjpai.cn/news/2024-03-26/149061.html，文章来源：网络cs，作者：言安琪，版权归作者所有，如需转载请注明来源和作者，否则将追究法律责任！