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

桃扇骨 2022-01-06 11:29 439阅读 0赞

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

父组件：

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

![20190624210100334.png][]

![20190624210115568.png][]

子组件：

<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>

[20190624210100334.png]: /images/20211227/751481d52868462a8ddc2e88d0f8079d.png
[20190624210115568.png]: /images/20211227/5867526832b1407d9ddba58621bb9cb6.png

发表评论取消回复

表情：

评论列表（有 0 条评论，439人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue父子组件传值：子修改父

![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5a2m5Lqu57yW56iL5omL6K

傷城~/ 2023年10月02日 17:26/ 0 赞/ 58 阅读

相关 vue.js----父组件向子组件传值，子组件执行父组件方法

1，父组件向子组件传值，可以是：在使用子组件的时候，将需要传递的数据，通过属性绑定的形式，传递给子组件；在子组件中通过props进行接收；可以是数组形式接收，props:\['

古城微笑少年丶/ 2023年06月08日 14:55/ 0 赞/ 59 阅读

相关 vue父组件调用子组件方法、父组件向子组件传值、子组件向父组件传值

一、父组件调用子组件方法父组件代码 parent.vue <template> <div> <button @click="paren

﹏ヽ暗。殇╰゛Y/ 2023年06月01日 12:38/ 0 赞/ 62 阅读

相关 vue 实现父子组件传值和子父组件传值

先上一张图，vue 父子组件传值都用的图片。从张图入手了解如何传参。 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_

超、凢脫俗/ 2023年02月19日 14:29/ 0 赞/ 155 阅读

相关 vue 中父子组件传值，以及子组件调用父组件方法，父组件调用子组件方法

先创建子组件创建一个分页的子组件 <template> <div> <el-pagination bac

喜欢ヅ旅行/ 2022年12月16日 09:07/ 0 赞/ 250 阅读

相关 Vue3---父子组件传值(子组件使用 emit 传值到父组件)

Vue3中，子组件通过setup函数中的第一个参数值 props 拿到定义的组件参数进行使用。如果要向父组件传参，需要使用setup函数中的第二个参数值 context

た入场券/ 2022年11月05日 12:58/ 0 赞/ 264 阅读

相关 Vue $parent、子组件调用父组件方法，父组件调用子组件方法

[https://blog.csdn.net/zgrkaka/article/details/100528714][https_blog.csdn.net_zgrkaka_ar

超、凢脫俗/ 2022年10月06日 01:50/ 0 赞/ 346 阅读

相关 vue 父组件调用子组件的方法，子组件调用父组件方法

首先看代码： 1、父组件： <template> <div> <div v-if="!userShow"> 父组件内容区

╰+攻爆jí腚メ/ 2022年04月17日 04:55/ 0 赞/ 631 阅读

相关 VUE：父子组件间传参、子组件传值给父组件、父组件传值给子组件

[前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。点击跳转到教程。][Link 1] Vue是一个轻量级的渐进式框架，对于它的一些特性和优点

太过爱你忘了你带给我的痛/ 2022年03月29日 19:40/ 0 赞/ 559 阅读

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

父组件引入了一个子组件， el-dialog，关闭时，调用父组件的方法进行关闭。父组件： <msg :title='this.msg.title' :con

桃扇骨/ 2022年01月06日 11:29/ 0 赞/ 440 阅读