trlanfeng / vue-overlayer

弹出层管理器,用来管理如Modal、PopupBox等的显示,解耦父子组件

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

vue-overlayer

弹出层管理器,用来管理如Modal、PopupBox等的显示,解耦弹出层的父子组件

实现目标

实现弹出层的栈及栈管理,能够在项目中独立的处理弹出层的显示逻辑

功能说明

目前大部分的设计中,由父组件进行弹框显示子组件,但必定会产生父子组件交互,如父组件通过ref调用子组件的submit方法,或者子组件通过emit调用父组件的submit方法,这样的耦合是十分令人痛苦的。

我们要实现一个弹出层管理器,这样,A组件通知管理器弹出B组件,B组件自己负责逻辑处理,并通过管理器来控制自己的显示与否。

A组件只需要通知管理器,无需实现与A组件无关的逻辑。

如果B组件操作后,需要修改A组件的状态,可以通过管理器来操作,或者使用状态管理来处理。

About

弹出层管理器,用来管理如Modal、PopupBox等的显示,解耦父子组件