微信小程序使用 vant Dialog组件的正确方式


Posted in Javascript onFebruary 21, 2020

简介

Vant是有赞开源的一套基于Vue2.0的Mobile组件库。通过Vant,可以快速搭建出风格统一的页面,提升开发效率。目前已有近50个组件,这些组件被广泛使用于有赞的各个移动端业务中。Vant旨在更快、更简单地开发基于Vue的美观易用的移动站点。特性组件都是来源于有赞的微商城业务,并且经过有赞业务的检验,更靠谱完善详实的中文文档专门的设计师团队维护视觉规范,统一而优雅支持babel-plugin-import单测覆盖率超过90%建议搭配webpack,babel使用Vant。

在 app.json 或 index.json 中引入组件

"usingComponents": {
 "van-dialog": "path/to/vant-weapp/dist/dialog/index"
}

在xxx.wxml中写入

van-dialog id="van-dialog" />

在xxx.js中引入

import Dialog from 'path/to/vant-weapp/dist/dialog/dialog';(记得路径写入你自己的路径)

当然如果你想立马看到效果,在onLoad中直接写入

Dialog.alert({
 title: '标题',
 message: '弹窗内容'
}).then(() => {
 // on close
});

微信小程序使用 vant Dialog组件的正确方式

总结

以上所述是小编给大家介绍的微信小程序使用 vant Dialog组件的正确方式,希望对大家有所帮助,也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
Javascript中的for in循环和hasOwnProperty结合使用
Jun 05 Javascript
JavaScript eval() 函数介绍及应用示例
Jul 29 Javascript
jquery实现简单手风琴菜单效果实例
Jun 13 Javascript
全面了解函数声明与函数表达式、变量提升
Aug 09 Javascript
JS给Array添加是否包含字符串的简单方法
Oct 29 Javascript
JS类的定义与使用方法深入探索
Nov 26 Javascript
jQuery基于ajax方式实现用户名存在性检查功能示例
Feb 10 Javascript
在vue中获取dom元素内容的方法
Jul 10 Javascript
利用node.js实现自动生成前端项目组件的方法详解
Jul 12 Javascript
浅谈Vue-cli单文件组件引入less,sass,css样式的不同方法
Mar 13 Javascript
vue超时计算的组件实例代码
Jul 09 Javascript
vue动画—通过钩子函数实现半场动画操作
Aug 09 Javascript
JS实现判断移动端PC端功能
Feb 21 #Javascript
JS获取表格视图所选行号的ids过程解析
Feb 21 #Javascript
微信小程序vant弹窗组件的实现方式
Feb 21 #Javascript
纯js实现无缝滚动功能代码实例
Feb 21 #Javascript
vue中实现动态生成二维码的方法
Feb 21 #Javascript
JS如何把字符串转换成json
Feb 21 #Javascript
简单了解JS打开url的方法
Feb 21 #Javascript
You might like
PHP中ajax无刷新上传图片与图片下载功能
2017/02/21 PHP
php使用yield对性能提升的测试实例分析
2019/09/19 PHP
PHP与SQL语句写一句话木马总结
2019/10/11 PHP
laravel框架中间件简单使用方法示例
2020/01/25 PHP
JS 拼图游戏 面向对象,注释完整。
2009/06/18 Javascript
多种方法实现JS动态添加事件
2013/11/01 Javascript
js实现jquery的offset()方法实例
2015/01/10 Javascript
JavaScript通过select动态更换图片的方法
2015/03/23 Javascript
浅谈JavaScript中的字符编码转换问题
2015/07/07 Javascript
详解JavaScript中数组的相关知识
2015/07/29 Javascript
微信小程序加载更多 点击查看更多
2016/11/29 Javascript
获取JavaScript异步函数的返回值
2016/12/21 Javascript
JQuery页面随滚动条动态加载效果的简单实现(推荐)
2017/02/08 Javascript
jQuery Mobile漏洞会有跨站脚本攻击风险
2017/02/12 Javascript
详解用vue.js和laravel实现微信支付
2017/06/23 Javascript
p5.js 毕达哥拉斯树的实现代码
2018/03/23 Javascript
浅谈webpack和webpack-cli模块源码分析
2020/01/19 Javascript
Python二分法搜索算法实例分析
2015/05/11 Python
Python中矩阵库Numpy基本操作详解
2017/11/21 Python
Python OpenCV处理图像之滤镜和图像运算
2018/07/10 Python
详解pytorch 0.4.0迁移指南
2019/06/16 Python
python 进程间数据共享multiProcess.Manger实现解析
2019/09/23 Python
wxPython+Matplotlib绘制折线图表
2019/11/19 Python
简单了解Python读取大文件代码实例
2019/12/18 Python
Pycharm中Python环境配置常见问题解析
2020/01/16 Python
Python读取表格类型文件代码实例
2020/02/17 Python
基于jupyter代码无法在pycharm中运行的解决方法
2020/04/21 Python
手把手教你如何用Pycharm2020.1.1配置远程连接的详细步骤
2020/08/07 Python
Spartoo英国:欧洲最大的网上鞋店
2016/09/13 全球购物
奥地利体育网上商店:Gigasport
2019/10/09 全球购物
护士自我鉴定范文
2013/10/06 职场文书
素质拓展感言
2014/01/29 职场文书
迟到检讨书500字
2014/02/05 职场文书
基层党员干部四风问题整改方向和措施
2014/09/25 职场文书
出纳工作检讨书
2014/10/18 职场文书
2014工程部年度工作总结
2014/12/17 职场文书