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三、页面中使用具...
·
注:项目使用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)
第三次发文章,如有雷同纯属巧合,如有错误请指出,原创文章如需转载请标明出处。笔芯笔芯❤️
更多推荐
已为社区贡献3条内容
所有评论(0)