[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..

 错误:[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent ***ponent re-renders. Instead, use a data or ***puted property based on the prop's value. Prop being mutated: "value".

译文:[Vue警告]:避免直接改变prop,因为每当父组件重新呈现时,该值将被覆盖。相反,应该使用基于prop值的数据或计算属性。prop发生变异:"value"。简单地说,不可以直接修改props接收的属性值。

解决方法:只需要在子组件的data()重新定义一个变量,将props属性赋值给子组件的新定义的变量,可用 属性.sync 将数据同步更新到父组件

原来的写法:

父组件

子组件

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

 

转载请说明出处内容投诉
CSS教程_站长资源网 » [Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent..

发表评论

欢迎 访客 发表评论

一个令你着迷的主题!

查看演示 官网购买