Vue3中如何使用WeUI
思韵闪耀
2022-10-29
0次

之前在网上找了找，发现没有一篇文章是介绍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

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

服务器

上一篇：检测大写锁定键(Caps Lock)是否被激活

下一篇：margin重叠，margin溢出问题及解决方法

相关内容

将IIS设置克隆到新服务器...
将IIS设置克隆到新服务器的最佳方法是使用IIS配置文件。以下是详...
2025-06-06
搭建Git服务器及本机克隆...
Git是什么？Git是目前世界上最先进的分布式版本控制系统。SVN...
2025-03-17
ubuntu环境下搭建gi...
操作环境：服务器：Ubuntu 24.04.2 LTS+git 2...
2025-03-17
docker-compos...
1.Compose介绍 DockerCompose是一个用来定义和...
2024-04-26
firewall-cmd ...
firewalld的简要说明:firewalld 、firewal...
2024-03-15
Windows使用vlmc...
lmcsd就是一个仿真KMS管理工具，可以部署在内网或者公网可以运...
2023-12-02

热门资讯

Invalid left-ha... 写一个提交函数的时候，发现函数不生效，F12之后看到Invalid left-hand side i...
响应图片(Responsive... 一、开门见山 响应图片技术可以说是响应布局衍生出来的一个小分支。说白了，就是不同显示器宽度下调用不同...
轻松删除MetInfo CMS... 第一步：首页底部版权，模板文件foot直接删除； 第二部：首页头部generator版权，\publ...
ckplayer6.3如何替换... 1.刚打开播放器，视频在缓冲时播放器中间的LOGO怎么替换？(如下图) 2.视频播放器右上角的CK ...
inDensity，inTar... 如果接触Android中的Bitmap较深的话，肯定会知道标题上的这三个属性值，那么这三个属性值的关...
JS 验证 利用Javascript中每个对象(Object)的prototype属性我们可以为Javascri...
在文本框中输入时保证总是在最... 那就要在keypress时保证文本框的光标在尾部，而文本框value赋值后其光标默认在最后，故可采用...
微信UA Mozilla/5.0 (Linux; U; Android 2.3.6; zh-cn; GT-S5...
检测大写锁定键(Caps Lo... h1检测大写锁定键/h1form action="#" method="post" p label ...
iframe高度自适应,全屏,... !注意此方法用于同一个域名下,可能需要部署在服务器上才能看出效果 !DOCTYPE html PUB...