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

原来的写法:

父组件

子组件

修改后,父组件不变,子组件:

猜你喜欢

转载自blog.csdn.net/qq_58062502/article/details/128902886