vue popup 정리

---

insert popoup

<template>
    <div>
        <el-dialog 
            :visible.sync = "popupVal" 
            :before-close = "handleClose"> 
        	<span>HI INSERT POPUP</span>
        </el-dialog>
    </div> 
</template>

<script>

export default {
    name : ''

    , props : {
        popupVal : {}
    }

    , methods : {
        handleClose( ) {
            this.$confirm('정말 끝내시겠습니까 ?')
                .then(_ => {  
                    this.popupClose();
                })
                .catch(_ => {});
        } 

        , popupClose() {  
            this.$emit('close:popup', false) 
        }
    }
     
}
</script>

 

update popoup

<template>
    <div>
        <el-dialog 
            :visible.sync = "popupVal" 
            :before-close = "handleClose"> 
        	<span>HI UPDATE POPUP</span>
        </el-dialog>
    </div> 
</template>

<script>

export default {
    name : ''

    , props : {
        popupVal : {}
    }

    , methods : {
        handleClose( ) {
            this.$confirm('정말 끝내시겠습니까 ?')
                .then(_ => {  
                    this.popupClose();
                })
                .catch(_ => {});
        } 

        , popupClose() {  
            this.$emit('close:popup', false) 
        }
    }
     
}
</script>

---