vue中子組件跟父組件通信this.$emit()的使用

今天開發前端頁面時遇到了一個問題，子組件中實現表單提交后需要隱藏表單這個頁面並跳轉，表單的父級是在父組件上的，跳轉好解決，直接this.$router.replace('/url')就完事了。那么怎么觸發父級上面的事件呢？后面查了下資料，發現emit這個好東西,下面是一些代碼段:

 

父組件：

<template>
     <addcz @closecz="closecz"></addcz>
</template>

<script>
export default {
　　components: {
   　　 addcz
  　},
     methods: {
        closecz(){
              this.czpanel = false
        }
    }

}
</script>

 

 

子組件：

<script>
    export default {
        methods: {
　　        submit_add() {
               //代碼邏輯
                   this.$emit('closecz')
　　　　  },
    }
</script>    

 

子組件直接通過this.$emit("自定義事件"),然后父組件在組件中添加@自定義事件=“event” 就可以實現了