微信小程序使用 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 相关文章推荐
动态的创建一个元素createElement及删除一个元素
Jan 24 Javascript
2014 年最热门的21款JavaScript框架推荐
Dec 25 Javascript
JavaScript实现把rgb颜色转换成16进制颜色的方法
Jun 01 Javascript
基于javascript实现图片预加载
Jan 05 Javascript
JavaScript高级程序设计(第三版)学习笔记1~5章
Mar 11 Javascript
JavaScript必知必会(六) delete in instanceof
Jun 08 Javascript
JS输出空格的简单实现方法
Sep 08 Javascript
vue 点击按钮增加一行的方法
Sep 07 Javascript
微信小程序iBeacon测距及稳定程序的实现解析
Jul 31 Javascript
浅谈layui 表单元素的选中问题
Oct 25 Javascript
解决Vue.js应用回退或刷新界面时提示用户保存修改问题
Nov 24 Javascript
js this 绑定机制深入详解
Apr 30 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采用curl实现伪造IP来源的方法
2014/11/21 PHP
[原创]php实现 data url的图片生成与保存
2016/12/04 PHP
PHP SFTP实现上传下载功能
2017/07/26 PHP
利用js跨页面保存变量做菜单的方法
2008/01/17 Javascript
基于jQuery的星级评分插件
2011/08/12 Javascript
JavaScript的漂亮的代码片段
2013/06/05 Javascript
JavaScript获取一个范围内日期的方法
2015/04/24 Javascript
分享十五款 jQuery 社交网络分享插件
2015/05/16 Javascript
js+canvas绘制矩形的方法
2016/01/28 Javascript
vue2.0嵌套路由实现豆瓣电影分页功能(附demo)
2017/03/13 Javascript
用JS实现根据当前时间随机生成流水号或者订单号
2018/05/31 Javascript
Nuxt.js SSR与权限验证的实现
2018/11/21 Javascript
小程序实现投票进度条
2019/11/20 Javascript
Vue项目打包编译优化方案
2020/09/16 Javascript
Vue如何实现验证码输入交互
2020/12/07 Vue.js
在Mac OS上使用mod_wsgi连接Python与Apache服务器
2015/12/24 Python
python中的插值 scipy-interp的实现代码
2018/07/23 Python
对python中url参数编码与解码的实例详解
2019/07/25 Python
Django1.11配合uni-app发起微信支付的实现
2019/10/12 Python
opencv3/Python 稠密光流calcOpticalFlowFarneback详解
2019/12/11 Python
使用pytorch实现可视化中间层的结果
2019/12/30 Python
详解pandas.DataFrame.plot() 画图函数
2020/06/14 Python
浅析Python迭代器的高级用法
2020/07/16 Python
python实现视频压缩功能
2020/12/18 Python
css3 border-image使用说明
2010/06/23 HTML / CSS
详解如何在css中引入自定义字体(font-face)
2018/05/17 HTML / CSS
现代生活方式的家具和装饰:Dot & Bo
2018/12/26 全球购物
Dodax奥地利:音乐、电影、书籍、玩具、电子产品等
2019/08/31 全球购物
美国家居装饰店:Pier 1
2019/09/04 全球购物
Yummie官方网站:塑身衣和衣柜必需品
2019/10/29 全球购物
乔迁之喜主持词
2014/03/27 职场文书
《故乡》教学反思
2014/04/10 职场文书
城管综合整治方案
2014/05/01 职场文书
高中课程设置方案
2014/05/28 职场文书
药店促销活动策划方案
2014/08/24 职场文书
2015年个人自我剖析材料
2014/12/29 职场文书