微信小程序使用 vant Dialog組件的正確方式
更新時間：2020年02月21日 10:57:05 作者：隔壁老王小媳婦
這篇文章主要介紹了微信小程序使用 vant Dialog組件的正確方式，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下
簡介
Vant是有贊開源的一套基于Vue2.0的Mobile組件庫。通過Vant,可以快速搭建出風格統(tǒng)一的頁面,提升開發(fā)效率。目前已有近50個組件,這些組件被廣泛使用于有贊的各個移動端業(yè)務中。Vant旨在更快、更簡單地開發(fā)基于Vue的美觀易用的移動站點。特性組件都是來源于有贊的微商城業(yè)務,并且經(jīng)過有贊業(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組件的正確方式，希望對大家有所幫助，也非常感謝大家對腳本之家網(wǎng)站的支持！
相關文章
這篇文章主要為大家詳細介紹了js實現(xiàn)左右兩側浮動廣告，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-07-07
這篇文章主要介紹了微信小程序實現(xiàn)簡單表格，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-02-02
這篇文章主要介紹了微信小程序 授權登錄詳解（附完整源碼）,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-08-08
這篇文章主要介紹了如何動態(tài)加載外部Javascript文件，本文舉例講解使用js加載器動態(tài)加載外部Javascript文件，感興趣的小伙伴們可以參考一下2015-12-12
本節(jié)主要介紹了ie8下面處理 new Date()的問題,需要的朋友可以參考下2014-07-07
JavaScript實現(xiàn)將數(shù)組中所有元素連接成一個字符串的方法
這篇文章主要介紹了JavaScript實現(xiàn)將數(shù)組中所有元素連接成一個字符串的方法,涉及javascript中采用join方法進行數(shù)組轉化的技巧,非常具有實用價值,需要的朋友可以參考下2015-04-04
需要隱藏input file然后獲取它的值，但連jquery都無法獲取它的值，下面與大家分享下使用js的具體獲取方法，感興趣的朋友可以參考下哈2013-05-05
使用javascript實現(xiàn)一個在線RGB顏色轉換器
目前已經(jīng)有很多網(wǎng)頁版在線小工具,之前很多窗體化的工具也逐漸網(wǎng)頁化,比如：PS畫圖軟件,也都能直接網(wǎng)頁化進行設計,由于自己實際項目經(jīng)常會用到顏色轉換,所以直接自己開發(fā)個簡單版的在線顏色轉換小工具,需要的朋友可以參考下2024-01-01
JS中使用cavas截圖網(wǎng)頁并解決跨域及模糊問題
這篇文章主要介紹了JS中使用cavas截取網(wǎng)頁并解決跨域以及模糊問題 ,本文給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下2018-11-11
這篇文章主要介紹了js+div實現(xiàn)文字滾動和圖片切換效果代碼,涉及javascript鼠標事件及頁面元素圖片滾動效果實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08