微信小程序使用 vant Dialog組件的正確方式
更新時間：2020年02月21日 10:57:05 作者：隔壁老王小媳婦
這篇文章主要介紹了微信小程序使用 vant Dialog組件的正確方式，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下
簡介
Vant是有贊開源的一套基于Vue2.0的Mobile組件庫。通過Vant,可以快速搭建出風格統(tǒng)一的頁面,提升開發(fā)效率。目前已有近50個組件,這些組件被廣泛使用于有贊的各個移動端業(yè)務中。Vant旨在更快、更簡單地開發(fā)基于Vue的美觀易用的移動站點。特性組件都是來源于有贊的微商城業(yè)務,并且經過有贊業(yè)務的檢驗,更靠譜完善詳實的中文文檔專門的設計師團隊維護視覺規(guī)范,統(tǒng)一而優(yōu)雅支持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組件的正確方式，希望對大家有所幫助，也非常感謝大家對腳本之家網站的支持！
相關文章
JS對img進行操作包括:換圖片/切圖/輪換/停止輪換等等，在本文將逐一實現(xiàn)，感興趣的朋友可以參考下哈，希望對你學習js知識有所幫助2013-04-04
這篇文章主要給大家總結介紹了關于JavaScript類型相關的常用操作，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-02-02
JavaScript判斷是否為數(shù)字的幾種方式匯總(推薦!)
有時候需要根據(jù)輸入的內容來進行計算,這個時候就需要判斷輸入的內容是否是數(shù)字,下面這篇文章主要給大家介紹了關于JavaScript判斷是否為數(shù)字的幾種方式,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-06-06
這篇文章主要介紹了async與await異步編程,本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-03-03
javascript實現(xiàn)日歷控件(年月日關閉按鈕)
經常使用google的朋友一定對google絢麗的日歷控件記憶猶新吧,那我們也來實現(xiàn)一個,雖然功能和效果比不上,但重要的是實現(xiàn)的過程2012-12-12
這篇文章主要介紹了ES6 Map結構的應用,結合實例形式分析了ES6中map鍵值對hash結構相關定義、獲取、輸出、遍歷等相關操作技巧,需要的朋友可以參考下2019-06-06
這篇文章主要介紹了預防網頁掛馬的方法總結的相關資料,這里詳細整理了具體方法，和如何實現(xiàn)，需要的朋友可以參考下2016-11-11
這篇文章主要為大家詳細介紹了小程序拖動區(qū)域實現(xiàn)排序效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-09-09
需要獲取圖片的尺寸，就需要在圖片加載完成以后才可以，下面有個不錯的方法，大家不妨參考下2014-05-05
這篇文章主要介紹了社區(qū)便利店收銀系統(tǒng)代碼,使用前端初級開發(fā)者，代碼很簡單需要的朋友可以參考下2019-12-12