vue中利用elementUI组件，在js文件中打开封装好的弹窗组件

别忘了微笑_cuicui

于 2020-06-29 15:50:01 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： vue+element项目

本文链接：https://blog.youkuaiyun.com/CuiCui_web/article/details/107021848

vue+element项目专栏收录该内容

34 篇文章

订阅专栏

本文介绍如何在Vue项目中使用自定义弹窗组件进行交互，包括在父组件中调用子组件并处理返回值，以及在子组件内实现确定和取消操作时关闭弹窗的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、引入组件，并编写代码
在这里插入图片描述

const h = this.$createElement;
        this.$msgbox({
          title: '绑定邮箱',
          message: h('email'),
          showCancelButton: false,
          showConfirmButton: false,
        }).then(value => {
          console.log(value,'ggg')
        });

2、在子组件email中，确定和取消方法里加入关闭弹窗的代码

this.$refs.bindForm.$parent.$parent.doClose()