弹窗组件的内容是动态的，每次打开弹窗组件时，我需要这个动态高度。然而不管进行多少次显示隐藏的操作，该弹窗组件的mounted只能触发一次，所以我无法动态实时获取dom的高度。 现在通过v-if解决了，因为它的每次隐藏都会销毁dom。 参考：https ...

想搞一个新增编辑弹窗，和列表页面分开 先来一个父组件调用子组件弹窗的demo 父组件 子组件： ...

在处理表格编辑相关的需求，是需要做一个弹框进行保存的；或者查看表格数据的详细信息时，也是需要做弹窗； 当然 ，这是类似于这样的 ，当然 element 已经帮我们做好 弹窗这一块 主要 我想记录的是 将 弹窗 做为组件，并且如果弹窗部分有请求部分的话，就到弹窗组件内部处理，相对于说解耦 ...

我本没有想着说要封装一个弹窗组件，但有同行的朋友在问我，而且弹窗组件也确实在项目开发中用的比较多。思前想后，又本着样式统一且修改起来方便的原则，还是再为大家分享一个我所封装的弹窗组件吧。 其实，并不是所有封装组件的方式都是一成不变的，你可以采用函数式组件这种能提高性能的方式，也可以使用带有状态 ...

　　背景：项目需要，我们引入了前端框架就是目前最流行的框架之一vue,同时引入了一套由饿了吗维护的ui库，由于我们是在pc端使用发现它竟然没有提供可随意拖动的窗口，可能用的更多的时移动端吧吧，于是就随手写了一个，比较简单吧，但是做过的就会知道也是有一些小小的技巧，记录下吧留作备用 ...

更多文章 一个弹窗组件通常包含两个部分，分别是遮罩层和内容层。 遮罩层是背景层，一般是半透明或不透明的黑色。 内容层是放我们要展示的内容的容器。 现在弹窗组件的结构已经搭建出来了。 类 modal-bg: 遮罩层 类 modal-container: 内容层容器 类 ...

前言 页面中会有很多时候需要弹窗提示，我们可以写一个弹窗组件，但是如果每个页面都引入这个组件，太麻烦了，所以我们将它变成全局组件，需要用的时候直接通过JS调用即可，不需要在每个页面引入了 效果图 弹窗组件 在components目录下新建popup文件夹，然后在里面建立index.vue ...

如果一个弹窗比较简单，可以直接放在页面中，通过visible属性的true，false控制显示隐藏就可以了，我们今天要说的是将个比较复杂的弹窗组件封装成全局组件，然后可以在项目中的任何一个页面引用~~下面走起 1.首先要注册个全局组件，用下面的全局API Vue ...