父组件
<template>
<div>
<children v-if="childVisible" :visible.sync="childVisible" />
</div>
</template>
<script>
export defult {
name:"paraent"
data(){
return {
childVisible:false
}
}
}
</script>
子组件
<template>
<el-dialog
title=""
:visible.sync="childVisible"
width="30%"
@close="Cancel">
<span></span>
<span slot="footer">
<el-button @click=Cancel" = false">Cancel</el-button>
<el-button type="primary" @click="Cancel">OK</el-button>
</span>
</el-dialog>
</template>
<script>
export defult {
name:"children "
prop:{
childVisible:{type:Boolean}
}
}
methods:{
Cancel(){
this.$emit("update:visible",false)
}
}
}
</script>