Vue2.0 Props双向绑定报错简易处理办法
在写项目的时候遇到了一个报错问题,虽然功能是正常运行,chrome的提示是:[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: "goods".
然后上网查了一下是因为Vue2移除了组件的props双向绑定功能,以往是利用.sync绑定修饰符实现props的双向绑定功能。解决方法有说用创建副本变量调用,有说用mixin组件解决,我都试了一下发现还是没解决问题。
这报错的本质就是父组件传入子组件的props值不可修改后传回给父组件,这样会导致可能无意中修改了父组件的状态或数据流,通常我们把传入的数据写在子组件的props那里,我的解决方法是:把原本写在props里的要进行双向绑定的数据改写在data里,这样就不再出现报错提醒了。
情况可能有很多种,不过这方法对我有效,希望可以帮到你们。