子组件修改父组件的值

1 update直接修改

1）父组件使用子组件

　　父组件传递一个参数visible到子组件

<det-jy v-if="innerVisible" :visible.sync="visible" :detail="selectRow" ></det-jy>

 

2）子组件中处理完成后，要修改父组件的值，使用update直接修改父组件的visible值

this.$emit('update:visible', false);

 

3）报警告

Instead, use a data or computed property based on the prop's value. Prop being mutated

 

2 采用回调函数修改

1）父组件使用子组件

　　父组件传递一个参数visible到子组件，并且绑定回调函数choseVisible

<det-jy v-if="innerVisible" :visible.sync="visible" :detail="selectRow" @choseVisible="choseVisible"></det-jy>

 

choseVisible(value){
    this.visible=value
   },

 

2）子组件中处理完成后，要修改父组件的值，使用回调函数修改父组件的visible值

this.$emit('choseVisible',false);