vant的props弹出层在一个页面做多个弹窗

简介: vant的props弹出层在一个页面做多个弹窗

07e14ef13f924193961ecd9f2eeb7c77.png

官网上是这么写的,只有一个弹窗,那一个页面做多个弹窗如何实现?

我这里有两种写法:

第一种:对每个弹窗都做一个点击事件,其函数名不同即可

第二种:看下面的代码

d4f049fc947c4e588ccd46bbb633718e.png

7626bb1ca925483e8f62defcdd16b153.png

d3259e47c416492c8d9294210d6e4f60.png

如果在uniapp中就可以用$refs.xxx.open来对每个进行判断

bd3739161cd34c3490fa463a3c00ab2b.png



相关文章
Element UI - el-table 渲染慢,卡的原因
Element UI - el-table 渲染慢,卡的原因
3507 0
|
存储 关系型数据库 MySQL
MySQL 5.7 - 常见数据类型
MySQL 5.7 - 常见数据类型
522 1
|
JavaScript 前端开发 Java
【vue-router】useRoute 和 useRouter 的区别
【vue-router】useRoute 和 useRouter 的区别
|
12月前
|
SQL
SQL使用with构建临时表
SQL使用with构建临时表
395 8
|
小程序 Java 关系型数据库
微信记账小程序
微信记账小程序
494 0
|
机器人
Telegram统计机器人源码/TG记账群发机器源码人/TG自动记账全开源版本
Telegram统计机器人源码/TG记账群发机器源码人/TG自动记账全开源版本
743 0
|
小程序 前端开发 Android开发
微信小程序(van-tabs) 去除横向滚动条样式(附加源码解决方案+报错图)
微信小程序(van-tabs) 去除横向滚动条样式(附加源码解决方案+报错图)
839 1
|
存储
uniapp实战 -- 个人信息维护(含选择图片 uni.chooseMedia,上传文件 uni.uploadFile,获取和更新表单数据)
uniapp实战 -- 个人信息维护(含选择图片 uni.chooseMedia,上传文件 uni.uploadFile,获取和更新表单数据)
455 2
|
关系型数据库 MySQL
MYSQL 高级文本查询之regexp_like和REGEXP
在MySQL中,regexp_like和REGEXP都是用于执行正则表达式搜索的函数。虽然它们都可以完成相似的任务,但它们之间还是有一些区别的。在本篇博客中,我们将比较这两个函数的用法和示例,并解释它们之间的差异。
|
前端开发 JavaScript 安全
Mac部署Jenkins(保姆级教程!)_前端jenkins自动部署 mac
Mac部署Jenkins(保姆级教程!)_前端jenkins自动部署 mac