vue 关于$emit的用法

参考网址：https://blog.csdn.net/sllailcp/article/details/78595077

父组件：

 1 <template>
 2   <div>
 3     <el-dialog
 4       title="手动登记"
 5       :visible.sync="registerVisible"
 6       width="60%"
 7       @close="CloseReg"
 8     >
 9       <register v-if="registerVisible" @CancelReg="CancelReg"></register>
10     </el-dialog>
11   </div>
12 </template>
13 
14 <script>
15 import register from "@/pages/Register/index.vue";
16 export default {
17   components: {
18     register: register,
19   },
20   data() {
21     return {
22       registerVisible: false,
23     };
24   },
25   methods: {
26     toRegist() {
27       this.registerVisible = true;
28     },
29     CancelReg() {
30       this.registerVisible = false;
31     },
32   },
33 };
34 </script>

子组件：

1 this.$emit("CancelReg");--调用父组件函数