Mahmud*小麦* - 博客园

2022年11月15日

摘要：

Vue项目中使用树形控件 vue-table-width-tree-grid 需要实现的整体效果如下：这个树形结构组件ElementUI是没有提供的，我们需要依赖第三方插件来完成。一、安装tree-table组件（1）Vue 可视化工程vue UI来安装：我们打开VUE的可视化面板（在cmd 阅读全文

posted @ 2022-11-15 21:47 Mahmud*小麦* 阅读(2607) 评论(0) 推荐(0)

2022年11月12日

项目实现用户长时间不操作，自动退出登录⏳

摘要：

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

posted @ 2022-11-12 15:06 Mahmud*小麦* 阅读(1110) 评论(0) 推荐(0)

2022年11月9日

vue项目中手机号+邮箱验证正则~✔

摘要：

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

posted @ 2022-11-09 20:22 Mahmud*小麦* 阅读(882) 评论(0) 推荐(0)

2022年11月8日

ElementUI中Table和Switch组件中插槽scope应用使用场景

摘要：

ElementUI中Table和Switch组件中插槽scope应用使用场景 ElementUI 安装 npm i element-ui -S 引入 Element main.js 内容添加 import ElementUI from 'element-ui';import 'element-ui/ 阅读全文

posted @ 2022-11-08 21:15 Mahmud*小麦* 阅读(319) 评论(0) 推荐(0)

项目中使用ElementUI的Form 组件

摘要：

使用ElementUI的Form 组件（1）首先必须是项目中安装ElementUI库（2）引入Vue的项目中（3）引入对应的组件名称并且全局注册 ElementUI 安装 npm i element-ui -S 引入 Element main.js 内容添加 import ElementUI 阅读全文

posted @ 2022-11-08 20:24 Mahmud*小麦* 阅读(149) 评论(0) 推荐(0)

左侧菜单改造路由链接

摘要：使用ElementUI实现左侧菜单改造路由链接 Vue的项目中我们会经常用到Element，Iview..等轻量框架来实现页面布局。如果是不是彻底理解这些框架的各个功能和属性的话会带来很多麻烦的。项目中用到了elementUI的菜单组件，有个展开和折叠功能。这个时候需要实现路由地址的改造链接：就是阅读全文

posted @ 2022-11-08 09:19 Mahmud*小麦* 阅读(169) 评论(0) 推荐(0)

ElementUI侧边栏展开隐藏折叠功能

摘要：

一般后台管理项目中无论是ElementUI或Iview 轻量UI框架都有很多组件来实现功能我们需要实现的是这样子的：在源代码里左侧菜单之前添加一个div，类名为“toggle-button”，然后在div中添加“|||”三个竖杠，作为可以折叠的图例：然后为该div添加样式然后给按钮添加事件事阅读全文

posted @ 2022-11-08 00:28 Mahmud*小麦* 阅读(5044) 评论(1) 推荐(0)

2022年11月7日

项目上线-项目报告+创建web服务器

摘要：一般我们的项目开发完毕以后就需要考虑如何优化，如何将项目部署上线，提供给外界用户使用等的问题。所有必须要考虑的问题是：优化项目，部署上线项目项目优化方案：（1）生成打包报告：通过项目的Vue UI可视化工具生成一个打包的报告，根据报告发现和优化项目，进一步的区解决。（2）第三方库使用CDN：为阅读全文

posted @ 2022-11-07 13:46 Mahmud*小麦* 阅读(288) 评论(0) 推荐(0)

ElementUI的左侧菜单栏的小问题~~

摘要：

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

posted @ 2022-11-07 09:13 Mahmud*小麦* 阅读(1046) 评论(0) 推荐(0)

项目报错类型：Invalid prop: type check failed for prop "index". Expected String with value "125", got Number with value 125.

摘要： vue项目中出现可一个小报错问题：Invalid prop: type check failed for prop "index". Expected String with value "125", got Number with value 125. 在elementUI导航组件中加入后台数据驱阅读全文

posted @ 2022-11-07 07:32 Mahmud*小麦* 阅读(417) 评论(0) 推荐(0)

Mahmud

公告