微信小程序使用 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 相关文章推荐
基于jquery的点击链接插入链接内容的代码
Jul 31 Javascript
jQuery基于json与cookie实现购物车的方法
Apr 15 Javascript
Vuejs第十篇之vuejs父子组件通信
Sep 06 Javascript
JavaScript中setTimeout的那些事儿
Nov 14 Javascript
详解Vue中使用v-for语句抛出错误的解决方案
May 04 Javascript
ztree实现权限横向显示功能
May 20 Javascript
利用vueJs实现图片轮播实例代码
Jun 03 Javascript
详解webpack 多入口配置
Jun 16 Javascript
Angular实现双向折叠列表组件的示例代码
Nov 21 Javascript
关于react中组件通信的几种方式详解
Dec 10 Javascript
JavaScript Canvas实现验证码
Aug 02 Javascript
vue中控制mock在开发环境使用,在生产环境禁用方式
Apr 06 Vue.js
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查询域名状态whois的类
2006/11/25 PHP
php 网页游戏开发入门教程一(webgame+design)
2009/10/26 PHP
IE php关于强制下载文件的代码
2008/08/23 Javascript
使用JQUERY Tabs插件宿主IFRAMES
2010/01/01 Javascript
jq选项卡鼠标延迟的插件实例
2013/05/13 Javascript
解决Jquery鼠标经过不停滑动的问题
2014/03/03 Javascript
javascript中style.left和offsetLeft的用法说明
2014/03/07 Javascript
JavaScript+html5 canvas制作的百花齐放效果完整实例
2016/01/26 Javascript
jQuery+formdata实现上传进度特效遇到的问题
2016/02/24 Javascript
Markdown+Bootstrap图片自适应属性详解
2016/05/21 Javascript
浅析Javascript中bind()方法的使用与实现
2016/05/30 Javascript
jQuery图片轮播插件——前端开发必看
2016/05/31 Javascript
url中的特殊符号有什么含义(推荐)
2016/06/17 Javascript
浅谈vue.js中v-for循环渲染
2017/07/26 Javascript
详解vue中点击空白处隐藏div的实现(用指令实现)
2018/04/19 Javascript
JS动态插入脚本和插入引用外部链接脚本的方法
2018/05/21 Javascript
讲解vue-router之什么是编程式路由
2018/05/28 Javascript
微信小程序页面调用自定义组件内的事件详解
2019/09/12 Javascript
《javascript设计模式》学习笔记三:Javascript面向对象程序设计单例模式原理与实现方法分析
2020/04/07 Javascript
javascript利用键盘控制小方块的移动
2020/04/20 Javascript
[00:57]深扒TI7聊天轮盘语音出处5
2017/05/11 DOTA
[26:50]2018完美盛典DOTA2表演赛
2018/12/17 DOTA
使用apidocJs快速生成在线文档的实例讲解
2018/02/07 Python
Python logging模块用法示例
2018/08/28 Python
Python 爬虫批量爬取网页图片保存到本地的实现代码
2020/12/24 Python
Janie and Jack美国官网:GAP旗下的高档童装品牌
2019/09/09 全球购物
不开辟用于交换数据的临时空间,如何完成字符串的逆序
2012/12/02 面试题
酒店管理毕业生自荐信
2013/10/24 职场文书
班组长安全职责
2014/01/05 职场文书
八年级音乐教学反思
2014/01/09 职场文书
献爱心活动总结
2014/05/07 职场文书
市政工程技术专业自荐书
2014/07/06 职场文书
我们的节日国庆活动方案
2014/08/19 职场文书
地震捐款倡议书
2014/08/29 职场文书
申报材料格式
2014/12/30 职场文书
解决go在函数退出后子协程的退出问题
2021/04/30 Golang