vue3后台通用管理系统(三):用户登录与跳转、全局路由守卫
2024-05-12退出登录即删除token、删除本地存储的menulist、删除tagsList(存储在menuStore中,需要引入再操作)这个项目功能感觉好少。后面想把后端部分重新用node和mysql实现一下 加油。获取对应的menulist后存储到store中,通过本地存储。点击commonHeader里的退出退出登录,返回到登录页。需要使用到cookie,若cookie存在即为登录状态。点击发送登录请求,将账号密码传给mock。未登录时不能跳转到除登录页以外的页面;登录后不能再跳转到登录页;_vue3登录界面
在vue3 ts vite项目里找不到node相关模块
2024-05-12vue3 ts vite项目找不到node相关模块,提示找不到对应的类型声明_vue3 vite 引入fs文件
使用Vite快速构建vue3 ts pinia脚手架
2024-05-12快速搭建vue3 ts pinia,简单介绍Vite,pinia_vue3 ts pinia
vue-property-decorator组件的使用
2024-05-12vue-property-decorator组件的使用_vue3 vue-property-decorator
vue3中使用NProgress的用法
2024-05-12vue3中使用NProgress的用法
3D地图大屏 附源码(Three.js vue3)
2024-05-12因为做大屏需要,所以搞了一个3D地图的效果我本人对Three.js根本不熟,就靠着GPT和百度,磨出来的感谢大佬们的开源和案例(我会把参考项目的链接放在最后)_threejs 网页3d json地图特效源码
Vue之条件渲染
2024-05-12条件渲染就是在指定的条件下,渲染出指定的UI。比如当我们显示主页的时候,应该隐藏掉登录等一系列不相干的UI元素。即UI元素只在特定条件下进行显示。而在vue3中,这种UI元素的显示和隐藏可以通过两个关键字,`v-if` 和`v-show`来实现。但是虽然实现的功能一样,但他们两者有着一些细微的区别。总结起来这个区别就是:v-show控制UI元素隐藏时只是将UI的显示状态变成了不可见,实际上这个UI是存在的,但是v-if隐藏UI元素时则是直接干掉了这个UI元素,使其不显示_条件渲染的基本概念
技术资讯:Volar正式更名为Vue-Official
2024-05-12vue3旧语言工具Volar退了,一个更加强大的Volar升级版,Vue-Official 来了!Volar 正式升级更名为 Vue-Official !_vue official
4种方案教你彻底解决vue el-dialog的model的状态已经改变但是却不显示弹窗,×号点击后异常无法显示弹框
2024-05-12如果你是VUE2.X,请检查你是否在:visible这个属性上加.sync,就像这样:visible.sync=“dialogVisble”,vue3应该是v-model的绑定方式,请去查文档~如果方案1没有解决,可以尝试将x号绑定和取消一样的方法来进行关闭。找到元素,手动在dom里面把mask的display改成show。欢迎大家指出文章需要改正之处~_el-dialog 不显示
Vue - v-if和v-else-if和v-else的使用
2024-05-12v-bind:或:,v-on:或@,v-for,v-if,v-show,v-model。2.不同点:v-if存在或不存在,v-show展示或不展示。v-if和v-for在vue2或vue3中都不要同时使用,v-else,v-cloak,v-once,v-pre不需要带值。当v-if后面表达式的值为false的时候显示v-else所在的元素。当v-if后面表达式的值为true的时候显示v-if所在的元素。在vue3中v-if比v-for优先级高。v-if和v-for优先级和使用事项。_vue if else