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)

第三次发文章，如有雷同纯属巧合，如有错误请指出，原创文章如需转载请标明出处。笔芯笔芯❤️