Vue3中如何使用WeUI

2022-10-29 19:10 来源:未知 作者:mas 责编:mas

之前在网上找了找,发现没有一篇文章是介绍Vue3中如何使用WeUI的。都是介绍Vue2中的使用方法,并不适用Vue3。所以在这里给大家简单介绍一下,目的是节省大家的时间

1. 安装weui.js weui样式

npm install weui.js weui -S

2. 在main.js文件中添加以下代码

import { createApp } from 'vue'
import store from '@/store'
import weui from 'weui.js'
import 'weui'
import App from '@/App.vue'
import router from '@/router'
const app = createApp(App)
app.config.globalProperties.$weui = weui
app.use(store).use(router).mount('#app')


3.在项目中用法如下

this.$weui.alert("服务器错误");

this.$weui.topTips('请输入账号密码')

其他组件用法可以参考WeUI.JS中文文档 https://www.kancloud.cn/ywfwj2008/weuijs/274297

【版权声明】本站部分内容来源于互联网,本站不拥有所有权,如果发现本站有侵权的内容,欢迎发送邮件至 benumon@163.com 举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。

分享:

更多文章

相关文章

关键词:

一生受益-思韵闪耀-专业IT技术社区 - 爱编程,爱源码,爱技术,一生受益。

powerby 一生受益-思韵闪耀    豫ICP备13002912号-2