⼩程序使⽤vantDialog组件的正确⽅式
简介
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组件的正确⽅式，希望对⼤家有所帮助，也⾮常感谢⼤家对⽹站的⽀持！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。