vue 父子组件传值，子组件调用父组件的方法

父组件引入了一个子组件，  el-dialog，  关闭时，调用父组件的方法进行关闭。

父组件：

  <msg :title='this.msg.title' :content='this.msg.content' :flag='this.msg.flag' @closeDialog="closeDialog"></msg>

 

 

 

 

子组件：

<template>
    <div >
       <el-dialog :title='title' :visible.sync='flag' width="400px" center>
            <div class="divmsg">{{content}}</div>
            <span slot="footer" class="dialog-footer">
                <el-button type="primary" @click="confim()" size="medium">确 定</el-button>
            </span>
        </el-dialog>
   </div> 
</template>
<script>
  export default 
  {
    props:['title','content','flag'],
    methods:
    {
        confim()
        {
           this.$emit('closeDialog');  调用父组件关闭
        }
    }
    
  };
</script>