vue组件传值报错： Instead, use a data or computed property based on the prop‘s value. Prop being mutated: “

问题问题：在单选组件（radio）切换后，修改了来自父组件的值（item），然后报错如下：原因prop是单向绑定，不能更改数据，只能由父组件传输过来解决1、可以在子组件中 声明一个中间变量（value），把父组件传过来的值(item)赋值给中间变量(value),当单选切换时修改的数据为value,就不会报错2、使用.sync修饰符与$emit(update:xxx)父组件<comp :it

zlting~

16506人浏览 · 2021-09-30 16:48:05

zlting~  ·  2021-09-30 16:48:05 发布

问题

问题：在单选组件（radio）切换后，修改了来自父组件的值（item），然后报错如下：

原因

prop是单向绑定，不能更改数据，只能由父组件传输过来

解决

1、可以在子组件中 声明一个中间变量（value），把父组件传过来的值(item)赋值给中间变量(value),当单选切换时修改的数据为value,就不会报错

2、使用.sync修饰符与$emit(update:xxx)

父组件

<comp :item.sync="item"></comp>

子组件

this.$emit('update:item',data)

# vue.js # javascript

华为云开发者联盟

为开发者提供学习成长、分享交流、生态实践、资源工具等服务，帮助开发者快速成长。

加入社区

更多推荐

• · 从原始边列表到邻接矩阵Python实现图数据处理的完整指南
• · 解锁HDC 2024之旅：从购票到报名，全程攻略
• · 华为云云原生FinOps解决方案，释放云原生最大价值

从原始边列表到邻接矩阵Python实现图数据处理的完整指南

华为云开发者联盟

解锁HDC 2024之旅：从购票到报名，全程攻略

华为云开发者联盟

华为云云原生FinOps解决方案，释放云原生最大价值

华为云开发者联盟

欢迎加入社区

取消 确定