微信小程序使用 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 相关文章推荐
关于实现代码语法标亮 dp.SyntaxHighlighter
Feb 02 Javascript
js使用正则实现ReplaceAll全部替换的方法
Aug 22 Javascript
jQuery ajaxForm()的应用
Oct 14 Javascript
AngularJS 实现点击按钮获取验证码功能实例代码
Jul 13 Javascript
JavaScript代码判断输入的字符串是否含有特殊字符和表情代码实例
Aug 17 Javascript
浅谈react前后端同构渲染
Sep 20 Javascript
对于input 框限定输入值为浮点型的js代码
Sep 25 Javascript
JS中min函数实例讲解
Feb 18 Javascript
VUE解决 v-html不能触发点击事件的问题
Oct 28 Javascript
详细介绍解决vue和jsp结合的方法
Feb 06 Javascript
.netcore+vue 实现压缩文件下载功能
Sep 24 Javascript
通过JS判断网页是否为手机打开
Oct 28 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
全国FM电台频率大全 - 24 贵州省
2020/03/11 无线电
实现php加速的eAccelerator dll支持文件打包下载
2007/09/30 PHP
php mysql数据库操作类
2008/06/04 PHP
Ajax+PHP边学边练 之五 图片处理
2009/12/03 PHP
PHP中读写文件实现代码
2011/10/20 PHP
解析mysql left( right ) join使用on与where筛选的差异
2013/06/18 PHP
php常用的工具开发整理
2019/09/26 PHP
CSS+JS构建的图片查看器
2006/07/22 Javascript
jQuery获得子元素个数的方法
2015/04/14 Javascript
一不小心就做错的JS闭包面试题
2015/11/25 Javascript
JS函数arguments数组获得实际传参数个数的实现方法
2016/05/28 Javascript
js无提示关闭浏览器窗口的两种方法分析
2016/11/06 Javascript
微信小程序中使元素占满整个屏幕高度实现方法
2016/12/14 Javascript
jquery DataTable实现前后台动态分页
2017/06/17 jQuery
ionic2懒加载配置详解
2017/09/01 Javascript
React路由鉴权的实现方法
2019/09/05 Javascript
解决Layui数据表格的宽高问题
2019/09/28 Javascript
解决vue axios跨域 Request Method: OPTIONS问题(预检请求)
2020/08/14 Javascript
[02:26]DOTA2英雄米拉娜基础教程
2013/11/25 DOTA
[01:30]我们共输赢 完美世界城市挑战赛开启全新赛季
2019/04/19 DOTA
python统计一个文本中重复行数的方法
2014/11/19 Python
解析Python中的异常处理
2015/04/28 Python
Python中返回字典键的值的values()方法使用
2015/05/22 Python
Python批量查询域名是否被注册过
2017/06/21 Python
Python信息抽取之乱码解决办法
2017/06/29 Python
基于python实现在excel中读取与生成随机数写入excel中
2018/01/04 Python
Python模块future用法原理详解
2020/01/20 Python
django实现更改数据库某个字段以及字段段内数据
2020/03/31 Python
MxNet预训练模型到Pytorch模型的转换方式
2020/05/25 Python
详解Python+Selenium+ChromeDriver的配置和问题解决
2021/01/19 Python
凯撒娱乐:Caesars Entertainment
2018/02/23 全球购物
澳大利亚100%丝绸多彩度假装商店:TheSwankStore
2019/09/04 全球购物
优秀中学生事迹材料
2014/01/31 职场文书
中国入世承诺
2014/04/01 职场文书
学习雷锋精神活动总结
2015/02/06 职场文书
postgresql无序uuid性能测试及对数据库的影响
2021/06/11 PostgreSQL