父组件
<dialog-item :visible.sync="visible"></dialog-item>
visible: false,
子组件
<template>
<div class="dialog" v-if="visible">
<div class="mark" @click="close"></div>
</div>
</template>
<script>
export default {
name: 'dialog',
props: {
visible: {
type: Boolean,
default: false
}
},
methods: {
close() {
this.$emit('update:visible', false)
}
},
}
</script>