关于vue的子组件修改父组件传过来的值
1. 假设父组件向子组件传过来的方式是这样的:
<child :name="myName"></child>
- 在子组件中像这样接收和更改:
接收:
prop:{
name:{
type:string,
default:''
}
}
更改:
this.$emit('name','imChild')
2. 假设父组件向子组件传过来的方式是这样的:
<child :disabled.sync="isDisabled"></child>
- 在子组件中像这样更改:
接收:
prop:{
disabled:{
type:boolean,
default:false
}
}
更改:
this.$emit('update:disabled',true)
3. 假设父组件向子组件传过来的方式是这样的:
<child v-model="myName"></child>
- 则在子组件中这样接收:
接收:
prop:{
value:{
type:string,
default:''
}
}
更改:
this.$emit('value','imChild')