vue中h5項目怎麼使用weui

注：項目使用vue cli腳手架，最新版腳手架建立項目參考這裡

一、安裝weui

安裝weui js檔案和css檔案：

cnpm i weui.js weui --S
           

二、将檔案引入項目中

在main.js中添加如下代碼：

import weui from 'weui.js'
import 'weui'

Vue.prototype.$weui = weui
           

三、頁面中使用

具體可以檢視這個文檔有詳細說明，這裡列舉兩個例子

1.使用提示彈窗：

this.$weui.alert('圖形驗證碼不能為空！')
           

2.使用loading，常用的情況是發起請求之前loading，然後請求結束後hide：

let loading = this.$weui.loading()

setTimeout(() => {
  loading.hide()
}, 1500)
           

第三次發文章，如有雷同純屬巧合，如有錯誤請指出，原創文章如需轉載請标明出處。筆芯筆芯❤️