解决子组件不能直接修改父组件的问题

232 阅读1分钟

子组件通过props接收到父组件传递过来的数据之后不能直接修改父组件的数据会报错

方法一:通过子组件拷贝父组件的属性,通过$emit调用父组件的自定义事件来修改数据

//父组件

image.png

//子组件接收

image.png

//直接修改scene的话会报错

image.png

可以在子组件定义一个变量,相当于拷贝一份,修改自己定义的这个变量然后再通过$emit传到父组件内,在父组件进行修改

image.png

image.png

image.png

方法二:通过.sync事件修饰符,绑定子组件的属性,子组件接收后可以调用$emit方法,以update模式触发事件来修改scene的值,不需要调用父组件的自定义事件就能实现

//父组件

image.png

//子组件

image.png