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