Mahmud

摘要： 解决Vue项目页面刷新数据丢失的🎈🎈🎈 vuex存储的数据只是在页面中，相当于全局变量，页面刷新时vuex里的数据会重新初始化，导致数据丢失vuex里的数据是保存在运行内存中的，当页面刷新时，页面会重新加载vue实例，vuex里面的数据会被重新赋值 这句话对吧 ~~~ ~~~~ 🏀怎么解决呢 阅读全文

摘要： 🎶【大屏可视化】系统（Vue3 + ECharts5）🎶 这八部~~按照，难易的顺序来进行绘制！！！💯 横向柱形图 竖向柱形图 雷达图 环形图 关系图 数据云图 数据展示图 地图可视化 02：基于 vite 与 tailwindcss 创建大屏可视化项目 1，基于 vite 创建项目，使用： 阅读全文

摘要： 第一：导出Word模板 一、安装依赖包 1、docxtemplater npm install docxtemplater pizzip -S2、jszip-utils npm install jszip-utils -S3、pizzip npm install pizzip -S4、FileSav 阅读全文

摘要： 1. 上传图片的流程分析：【选择文件📁+上传图片🎨】 2.1 功能步骤 2.1 页面基本布局 基本布局 <template> <el-card class="box-card"> <div slot="header" class="clearfix"> <span>更换头像</span> </d 阅读全文

摘要： 1.vuex和axios安装，引入，使用 1.1vuexa安装和使用 vuex3.x版本的官网安装教程:安装 | Vuex vuex4.x版本的官网安装教程:安装 | Vuex npm install vuex --save 2.在src下新建文件夹store,并在文件夹中新建文件index.js, 阅读全文

摘要： 对于element表格做点击跳转的功能有两大类：1，表头的点击跳转2，表格内容单元格进行点击跳转 是因为该表格只有tabs标签也第二个选项被选中的时候才能让他起效果，所以先做判断，第二个tabs标签被选中的时候实现该功能 1，tabs标签做判断 this.saveTableName1是第二个tabs 阅读全文

摘要： Vue项目中经常会遇到使用ElementUI实现图片上传的需求~（已完成✔） （1）安装官网组件Upload 打开官网有个Upload 上传组件-通过点击或者拖拽上传文件：本次项目中用到了：图片列表缩略图结构 <!-- action-表示图片要上传到的后台api地址--> <!-- on-previ 阅读全文

摘要： Vue项目中使用Elemen-tUI做一个steps步骤条：左边的内容和步骤条进度效果是同步的切换，顶部是 （1）steps步骤条 （2）Tabs标签页 （3）steps步骤条和tabs标签页之间的联动效果 思路： 那么这里需要步骤条的属性名称和标签页的属性名称联动同步切换的功能：步骤条是属性 :a 阅读全文

摘要： Vue项目实现用户长时间不操作，自动退出登录 1.实现思路 使用 mouseover事件来监测是否有用户操作页面，然后写一个定时器间隔特定时间检测是否长时间未操作页面，如果是清除token，提示登录已过期请重新登录 每隔10s去检查一下用户是否过了10秒 未操作页面因为我这边是单点登录所以用户10秒 阅读全文

摘要： vue项目中手机号+邮箱验证正则~✔ vue项目中经常会遇到各种验证规则的需求。这里我把布局用ElementUI来写出来了。接下来需要添加用户，密码，手机号，邮箱的验证规则。 里面用户名，密码是比较简单的，直接用element提供的组件验证规则。手机号和邮箱是自定义规则，需要严格验证是否合法 1，首 阅读全文

摘要： Vue后台管理的项目中使用了ElementUI的组件库。左侧菜单栏遇到了一些小问题，结果一步一步的解决了~~ 1，首先菜单栏的图标Icon不满足我们的需求，我们可以引入公司内部的样式icon图标文件，数组的方式动态渲染出来就可以。 2，左侧菜单栏的列表渲染完成后点击一个菜单发现全部菜单同时展开 3， 阅读全文

摘要： Vue项目登录与退出功能-保存token和页面权限控制，设置token过期时间过期重新到登录页面，本地保存有token就直接不用输入账号密码跳转到首页 做vue后台管理系统的项目的过程中有个登录退出的业务逻辑： （1）发起登录请求之前做个对账号密码表单的合法性进行验证规则 （2）登录的时候发起请求获 阅读全文

摘要： 项目中需要下载第三方 ：树形表格组件vue-table-with-tree-grid 结构 通过npm下载vue-table-with-tree-grid失败 ，直接先下载yarn--再下载vue-table-with组件 结果项目报错，不能正常运行。一直报错... 卸载了yarn版本还是报错，we 阅读全文