在vant中如何使用dialog弹窗
作者:qq_39355295 时间:2024-05-22 10:41:50
如何使用dialog弹窗
1.官网示例
因为这次是在手机上用的所以就用了vant组件
2.第一步引入vant中的dialog组件
官网介绍自行选择安装方式
3.vue页面中引入
<van-dialog
v-model="show"
title="标题"
show-cancel-button
>
<img src="https://img.yzcdn.cn/vant/apple-3.jpg">
</van-dialog>
export default {
data() {
return {
show: false
};
}
}
通过show的false与true来确定弹窗框的存在与否。
4.使用
在你想用的地方中定义一个点击方法,在弹出条件中判断show的false与true就可以,这样就简单的实现了弹出窗的提示功能。
vant dialog组件使用
vant Dialog组件引入
import { Dialog } from 'vant'
export default{
components: {
Dialog: Dialog.Component//!!!!坑
}
}
template中使用
<Dialog v-model="showSuccess" title="注册完成" >
<div>链群编码:932302339093030</div>
<div>核准日期:</div>
<div class="btn-custom-primary" @click="goDetail">预览文件</div>
<Button type="primary" block @click="goHome">我知道了</Button>
</Dialog>
来源:https://blog.csdn.net/qq_39355295/article/details/103432733
标签:vant,dialog,弹窗
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
PyQt5+QtChart实现绘制区域图
2021-08-15 01:00:05
![](https://img.aspxhome.com/file/2023/0/135360_0s.png)
php利用新浪接口查询ip获取地理位置示例
2024-03-22 08:11:29
Python字典底层实现原理详解
2021-04-09 12:58:28
Python Xml文件添加字节属性的方法
2023-08-27 03:48:31
python基于三阶贝塞尔曲线的数据平滑算法
2022-04-19 18:23:06
![](https://img.aspxhome.com/file/2023/0/113000_0s.gif)
Python3自带工具2to3.py 转换 Python2.x 代码到Python3的操作
2021-11-13 16:52:41
![](https://img.aspxhome.com/file/2023/4/130834_0s.jpg)
Pytorch Tensor基本数学运算详解
2022-12-09 03:26:50
Flask路由尾部有没有斜杠有什么区别
2021-03-17 12:00:58
![](https://img.aspxhome.com/file/2023/9/118349_0s.png)
mysql 5.7.16 winx64安装配置方法图文教程
2024-01-26 22:30:25
![](https://img.aspxhome.com/file/2023/5/105225_0s.jpg)
一文带你了解Go语言中接口的使用
2024-02-20 04:01:34
Python正则表达中re模块的使用
2023-10-11 03:38:22
Python异常之常见的Bug类型解决方法
2022-09-02 15:17:14
深入浅析php json 格式控制
2024-05-11 09:51:53
Web2.0视觉风格进化论 之二
2007-11-03 20:10:00
![](https://img.aspxhome.com/file/UploadPic/200711/3/2007113201853604s.jpg)
js实现调用网络摄像头及常见错误处理
2024-05-11 09:32:30
![](https://img.aspxhome.com/file/2023/1/126171_0s.png)
Flask使用Pyecharts在单个页面展示多个图表的方法
2021-10-12 18:16:35
![](https://img.aspxhome.com/file/2023/4/82694_0s.jpg)
使用python编写一个语音朗读闹钟功能的示例代码
2021-10-24 13:34:41
MySQL使用IF语句及用case语句对条件并结果进行判断
2024-01-14 14:30:27
![](https://img.aspxhome.com/file/2023/3/128423_0s.png)
用C++封装MySQL的API的教程
2024-01-25 07:51:51
ASP生成数字相加求和的BMP图片验证码
2011-04-14 10:48:00
![](https://img.aspxhome.com/file/UploadPic/20112/5/201125111945909s.jpg)