当前位置: 首页 > Web前端 > HTML

vue2.0子组件修改父组件的数据

时间:2023-04-02 22:40:57 HTML

从vue1.0升级到2.0后,prop的.sync被去掉了,所以在子组件中直接修改父组件的值会报错。目的是防止子组件影响父组件。Data那么vue2.0之后如何在子组件中修改父组件props传递的值呢?这个想法是通过子组件$emit;发出一个方法$emit('increment',val);将此自定义事件与v-on绑定,其中父组件使用子组件然后在父组件中定义此方法方法:{incrementTotal(val){这个.val=val;该方法虽然可以修改父组件的数据,但是官方不建议在组件中修改通过props传入的父组件数据,推荐使用vuex