vue项目中怎么引入weui及在vue中weui的简单使用

本文介绍了两种在Vue项目中引入并使用WeUI的方法:通过main.js和index.html引入。详细步骤包括安装、引入资源、配置webpack,并强调了打包后处理本地资源的注意事项。
摘要由CSDN通过智能技术生成
方案一:main.js中引入
(1)、安装weui.js weui样式
npm install weui.js weui -S
(2)、引入weui.js weui样式
import Vue from 'vue'
import weui from 'weui.js'
import 'weui'
Vue.prototype.$weui = weui
(3)、项目中就可以用weui的样式以及组件了,用法如下:
this.$weui.dialog({
   
  title: '提示',
  content: '是否领取礼品',
  buttons: [{
   
    label: '取消',
    type: 'default',
    onClick: () => {
   
      alert('您已取消领取礼品!'
评论 9
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值