在 Vue 里面,如果你想在页面里弹出一个东西,通常的办法是:
- 事先把要弹出的东西写在页面里,用 visible: false 把它隐藏起来
- 控制 visible 使其显示或再次隐藏 这种我再说上一个移动项目使用的, 就是组件自己有动画, 控制组件显示隐藏
另外一种就是
- 用户点击按钮的时候创建一个 Vue 实例
- 用户点击另一个按钮的时候删除这个 Vue 实例 Element UI 的 $message 就是这样实现的,这种方法尤其适合通知类的场景,代码如下。
这个我是没使用过的
今天看了芳芳的文章, 学到了: zhuanlan.zhihu.com/p/38076208