簡介

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組件的正確方式，希望對大家有所幫助，也非常感謝大家對錯新站長站網站的支持！