關於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')
