例:父组件调用窗口子组件
父组件
<dialog :is-show="isShowDialog" @on-close="closeDialog">
</dialog>
<script>
data () {
return {
isShowDialog: false
}
},
method: {
closeDialog () {
this.isShowDialog = false
}
</script>
子组件
<div v-if="isShow">
<div @click="closeMyself">
</div>
<div>
<p @click="closeMyself">
</p>
</div>
</div>
<script>
props: {
isShow: {
type: Boolean,
default: false
}
},
methods: {
closeMyself () {
this.$emit('on-close')
}
}
</script>