您现在的位置是:首页 > 技术教程 正文

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

admin 阅读: 2024-03-26
后台-插件-广告管理-内容页头部广告(手机)

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

原来的写法:

父组件

子组件

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

 

标签:
声明

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

在线投稿:投稿 站长QQ:1888636

后台-插件-广告管理-内容页尾部广告(手机)
关注我们

扫一扫关注我们,了解最新精彩内容

搜索