vue prop受信値伝値
1162 ワード
例えば、弾丸窓のような共通のコンポーネントを書き、$emitを通じてイベントを伝達します.
親コンポーネントの受信値
{{message}}
export default {
props: { // props
isNotice:{
name: false,
default: Boolean
},
message: {
name: '',
default: String,
},
},
data () {
return {
isNotices:false,
}
},
methods: {
closeNotice(){
this.$emit('closeNotice',this.isNotices) //
}
}
}
親コンポーネントの受信値
import notice from '../components/notice.vue'
export default {
components: {
'notice': notice
}
data() {
return {
message:'',
isNotice:false,
},
method:{
getisNotice(data){
this.isNotice=data // (false)
},
showNotice(){
this.isNotice=true
}
}
}