uni-app中同一个页面如何设置多个弹出层（弹框）

uni-app前端项目开发中，在使用uni-popup弹出层组件时，通常同一个页面要用到多个弹出层、提示窗口、提示框等等。那么怎么样注册多个弹出层而不冲突呢？

下面我以注册两个弹出层为例来说一下，注册多个方法相同。

1、首先注册两个不同的点击事件（以传参的形式来判断）

 

 

2、准备好两个弹出层，并以 ref 的值来区分，可以写成

ref="popup1"
ref="popup2"
...

 如图所示：

 

3、在methods方法中通过if....else if  来判断，用 a 作为形参来接收传过来的 first 和two 并判断

4、关闭弹出层可以封装一个函数来使用，如下所示：

注意：

        1.这里面的popup和popup2

         2.bottom为从底部弹出，可选值有top、bottom、center、left、right