注:项目使用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)

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

Logo

前往低代码交流专区

更多推荐