微信小程序使用 vant Dialog組件的正確方式
簡(jiǎn)介
Vant是有贊開(kāi)源的一套基于Vue2.0的Mobile組件庫(kù)。通過(guò)Vant,可以快速搭建出風(fēng)格統(tǒng)一的頁(yè)面,提升開(kāi)發(fā)效率。目前已有近50個(gè)組件,這些組件被廣泛使用于有贊的各個(gè)移動(dòng)端業(yè)務(wù)中。Vant旨在更快、更簡(jiǎn)單地開(kāi)發(fā)基于Vue的美觀易用的移動(dòng)站點(diǎn)。特性組件都是來(lái)源于有贊的微商城業(yè)務(wù),并且經(jīng)過(guò)有贊業(yè)務(wù)的檢驗(yàn),更靠譜完善詳實(shí)的中文文檔專門的設(shè)計(jì)師團(tuán)隊(duì)維護(hù)視覺(jué)規(guī)范,統(tǒng)一而優(yōu)雅支持babel-plugin-import單測(cè)覆蓋率超過(guò)90%建議搭配webpack,babel使用Vant。
在 app.json 或 index.json 中引入組件
"usingComponents": {
"van-dialog": "path/to/vant-weapp/dist/dialog/index"
}
在xxx.wxml中寫(xiě)入
van-dialog id="van-dialog" />
在xxx.js中引入
import Dialog from 'path/to/vant-weapp/dist/dialog/dialog';（記得路徑寫(xiě)入你自己的路徑）
當(dāng)然如果你想立馬看到效果，在onLoad中直接寫(xiě)入
Dialog.alert({
title: '標(biāo)題',
message: '彈窗內(nèi)容'
}).then(() => {
// on close
});
總結(jié)
以上所述是小編給大家介紹的微信小程序使用 vant Dialog組件的正確方式，希望對(duì)大家有所幫助，也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
JS對(duì)img進(jìn)行操作(換圖片/切圖/輪換/停止)
JS對(duì)img進(jìn)行操作包括:換圖片/切圖/輪換/停止輪換等等，在本文將逐一實(shí)現(xiàn)，感興趣的朋友可以參考下哈，希望對(duì)你學(xué)習(xí)js知識(shí)有所幫助2013-04-04
JavaScript類型相關(guān)的常用操作總結(jié)
這篇文章主要給大家總結(jié)介紹了關(guān)于JavaScript類型相關(guān)的常用操作，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-02-02
JavaScript判斷是否為數(shù)字的幾種方式匯總(推薦!)
有時(shí)候需要根據(jù)輸入的內(nèi)容來(lái)進(jìn)行計(jì)算,這個(gè)時(shí)候就需要判斷輸入的內(nèi)容是否是數(shù)字,下面這篇文章主要給大家介紹了關(guān)于JavaScript判斷是否為數(shù)字的幾種方式,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-06-06
這篇文章主要介紹了async與await異步編程,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2023-03-03
javascript實(shí)現(xiàn)日歷控件(年月日關(guān)閉按鈕)
經(jīng)常使用google的朋友一定對(duì)google絢麗的日歷控件記憶猶新吧,那我們也來(lái)實(shí)現(xiàn)一個(gè),雖然功能和效果比不上,但重要的是實(shí)現(xiàn)的過(guò)程2012-12-12
ES6 Map結(jié)構(gòu)的應(yīng)用實(shí)例分析
這篇文章主要介紹了ES6 Map結(jié)構(gòu)的應(yīng)用,結(jié)合實(shí)例形式分析了ES6中map鍵值對(duì)hash結(jié)構(gòu)相關(guān)定義、獲取、輸出、遍歷等相關(guān)操作技巧,需要的朋友可以參考下2019-06-06
預(yù)防網(wǎng)頁(yè)掛馬的方法總結(jié)
這篇文章主要介紹了預(yù)防網(wǎng)頁(yè)掛馬的方法總結(jié)的相關(guān)資料,這里詳細(xì)整理了具體方法，和如何實(shí)現(xiàn)，需要的朋友可以參考下2016-11-11
小程序拖動(dòng)區(qū)域?qū)崿F(xiàn)排序效果
這篇文章主要為大家詳細(xì)介紹了小程序拖動(dòng)區(qū)域?qū)崿F(xiàn)排序效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-09-09
需要獲取圖片的尺寸，就需要在圖片加載完成以后才可以，下面有個(gè)不錯(cuò)的方法，大家不妨參考下2014-05-05
這篇文章主要介紹了社區(qū)便利店收銀系統(tǒng)代碼,使用前端初級(jí)開(kāi)發(fā)者，代碼很簡(jiǎn)單需要的朋友可以參考下2019-12-12