自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(109)
  • 问答 (4)
  • 收藏
  • 关注

原创 合并单元格(列)

在vue文件中对获取数据进行监听处理,获取需要合并的列。

2024-04-28 17:09:37 242 3

原创 版本比对sql

【代码】版本比对sql。

2024-04-28 16:52:22 258

原创 动态获取数据并按顺序组合

第一列选中: “壹”,“贰”第二列选中: “a”,“b”,组合后的数据为:“壹,a”,“壹,b”,“贰,a”,“贰,b”;

2024-04-28 16:45:03 238

原创 echarts特殊处理(滚动条、legend分页、tooltip滚动)

2、数据量过大时会造成legend很多,可能会折叠数据,页面样式也不好看,从而进行legend分页:option设置legend字段。3、数据量过大时,tooltip会很长,可能会占据整个页面,考虑给tooltip添加滚动条:option设置tooltip字段。1、当x轴数据过多不能完全展示时,需要添加滚动条:option设置dataZoom字段。

2024-04-28 15:34:26 1670 3

原创 element loading遮罩层添加按钮

loading遮罩层按钮

2024-03-05 11:14:34 667

原创 el-select 不能重复选择

el-select 不能重复选择,注意:删除后可以再次重新被选择。

2024-02-27 15:11:29 986

原创 el-select 选中的值与展示的不一样

背景: 查询列表,用户名和邮箱混合展示,选中后只展示邮箱前缀,并高亮,保存时传整个信息,回显时展示前缀;获取数据后添加 itemEmail, 为展示做准备,并且该数据是脱敏后数据。:value=“option.itemEmail” 表示展示的值。回显的数据是原值,需要做脱敏处理,原值展示列表不高亮。用 class 展示高亮。

2023-11-08 18:41:34 785

原创 组件自定义事件

data() {return {msg:'你好啊!',},methods: {console.log('App收到了学生名:',name,params)

2023-10-14 21:00:00 345

原创 el-upload 切片上传jar包并添加form表单校验

【代码】el-upload 切片上传jar包并添加form表单校验。

2023-10-13 20:30:00 150

原创 刷新页面,数据丢失

刷新页面数据丢失原因很多,其中有一种是解析错误,没有解构出来。将数据进行结构,在刷新页面时能够直接获取数据信息进行渲染。

2023-10-12 20:15:00 146

原创 刷新页面,时间展示错误

明显可以看到时间颜色发生了变化,由原来的蓝色变成了灰色,说明它的类型发生了转变。由此,我们可以直接使用。当我们刷新页面之前时间是正常展示的,在刷新页面之后,时间也在展示,只不过时间错误。函数不会进行解析,直接返回原始的数值,只有当该值是非数值类型时才会进行解析操作。刷新之后(系统原因暂时拿不到数据):用同一图代替,颜色是灰色。函数,如果该值已经是数值类型,

2023-10-12 20:15:00 203

原创 封装公用svg图标

首先创建一个 index.vue 新组件。最后直接在vue文件使用。

2023-10-11 15:08:48 124

原创 el-select 远程分页搜索(可搜关键字)

一脸懵,什么情况,数据也没有那么大,怎么会卡死呢?先看看这次改了什么,嗯~数据加解密,前端拿到所有数据并进行解密,额~数据加载时间好长~前端页面卡死了...

2023-09-11 18:03:15 698 2

原创 dialog弹窗表单居中

内容居中只需要设置样式就可以了,不用太复杂了。

2023-06-10 15:11:18 393

原创 el-dropdown组件,菜单自适应

菜单自适应

2023-06-01 17:56:34 1930

原创 el-dropdown-item 怎么设置权限

当使用插槽来做操作的时候,通常会遇到根据权限去操作相应的按钮。,该getter检查当前用户是否具有访问当前项的权限,如果没有,下拉项将不会被呈现。里面定义的权限,需要调用。

2023-05-08 15:26:31 623 1

原创 js对象数组

最后,使用对象字面量语法创建一个包含name和age属性的新对象,并将其添加到map()返回的新数组中。请注意,由于原始对象的键和值都是字符串类型,因此需要使用parseInt()方法将它们转换为数字类型。使用Object.entries()和数组的map()方法来遍历原始对象,并将其转换为包含名称和年龄属性的对象数组。接下来,使用map()方法遍历数组中的每个键值对,并使用数组解构将name和age变量分别设置为当前键和值。

2023-04-14 12:05:30 94

原创 将两个键值对的值生成一个新的键值对

键值对

2023-04-13 17:20:09 309

原创 element NavMenu导航菜单 禁止 高亮

切换二级菜单,禁止菜单高亮。

2023-04-07 12:05:17 907

原创 el-input-number可输入,并清空后回车自动填入最小值

【代码】el-input-number可输入,并清空后回车自动填入最小值。

2023-03-24 10:43:53 627

原创 判断字符串是否为JSON格式

json校验

2023-03-01 16:44:51 131

原创 el-select 选项只能被选一次

el-select 选项只能被选一次

2022-12-05 10:30:02 1092

原创 input 回车生成tag标签

input 回车生成tag标签

2022-11-23 15:41:40 1632

原创 el-tree 添加且或条件并确定数据格式

使用el-tree添加条件

2022-11-23 15:25:22 886

原创 el-input-number踩坑(禁止输入)

el-input-number 禁止输入

2022-10-26 17:28:17 2470 2

原创 el-table表格展示并写入枚举值(formatter)

table表格展示并写入枚举值(formatter)

2022-10-18 15:49:52 2693

原创 echarts 简单用例 ( 问题:Initialize failed: invalid dom 报错)

正确使用echarts

2022-10-03 11:20:00 380

原创 结合elementUI实现excel导出

导出文件格式为excel格式,导出数据包括表头。

2022-07-20 11:03:39 728

原创 结合elementUI实现excel导入导出

前端直接实现导入,导入文件格式为excel,点击导入直接过滤文件格式为excel。

2022-07-20 10:40:10 3114

原创 数组对象修改key(属性)值

修改对象属性可以使用数组中map方法,生成一个新数组。例如:let arr = [{name: '小明',label: beijing, age: 20},{name: '小兰',label: nanjing, age: 18},]如果要修改 name 属性为 Gname,则let newArr = arr.map(item => {return {Gname: item.name,...

2022-05-02 11:28:04 539

原创 element-ui select 滚动翻页(远程)

关键字搜索关键字搜索结果翻页无关键字翻页关于滚动条翻页,可以写一个公用方法1 、新增一个js文件:directive.jsimport Vue from 'vue'export default () => { Vue.directive('scroll', { bind(el, binding) { // 获取滚动页面DOM const SCROLL_DOM = el.querySelector('.el-select-dropdown .e

2022-04-15 19:44:17 1783 4

转载 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\vue.ps1

遇到一个比较奇葩的问题,新建项目安装了脚手架2.x版本之后,vue -V查看是否安装成功时,开始报错解决办法:1.管理员身份运行PowerShell2.执行:set-ExecutionPolicy RemoteSigned之后再去查看vue -V 就可以了参考链接...

2021-12-23 16:57:38 675

原创 正确理解并运用正则表达式

了解正则: 正则基础点: 标识符或修饰符(flags)修饰符 描述 g 全局匹配(global) i 忽略大小写(case-insensitive) m 多行匹配(multiline) 字符合集(Character Sets) 修饰符 描述 [xyz] 匹配 “x"或"y”"z" [^xyz] 补集,...

2021-11-23 17:28:26 648 1

原创 js 关于时间、比较、转换

新的需求多次用到时间的转换和比较,首先我想先说下时间的转换。关于时间的转换,可以直接在html里面用,这里我用了个moment 插件:首先应该下载并在main.js全局引用。运用moment 里的方法对日期进行格式化:moment().format('MMMM Do YYYY, h:mm:ss a') //// 十一月 18日 2021, 6:05:42 晚上定义一个时间过滤器,根据需要可以进行修改Vue.filter('dateFilter', (input, format...

2021-11-18 18:21:19 323

原创 vue 提取公共方法(数据是空、undefined、null 时,显示‘--’)

在项目中,我们会使用很多种方法,并且可以通用,那么我们就可以把它当作公用方法提出来,在需要使用的页面引入这个方法。例如:如果获取的数据是空,或者是undefined、null 时显示 ‘--’js文件:// utils.jsexport function fangfaming (value) { if (value) { if (value !== undefined && value !== null && value !== '

2021-11-01 16:58:18 2265

原创 判断 是否为数组的方法

123

2021-10-19 19:30:10 204

原创 数组中对象去重

let arrList = [ { id: 0, name: "小明" }, { id: 1, name: "小张" }, { id: 2, name: "小李" }, { id: 3, name: "小孙" }, { id: 4, name: "小z" }, { id: 2, name: "小x" }, { id: 3, name: "小a" }, ] let obj = {} let resultList = [] for (v.

2021-10-18 14:58:17 128

原创 Cannot read properties of null (reading ‘forEach‘)“

最近遇到了几次这个问题,索性就记录下。实在不知道这是什么错,可以百度翻译下,大致就明白了:获取的属性为 null ,所以就会报forEach(方法) 无法读取。这种就是获取的数据有问题 是 null 所以不能使用 forEach 方法。加个 if 条件就可以解决了...

2021-10-14 11:02:35 19676

原创 vue 重置数据(初始化)

在项目中我们会遇到初始化数据的问题,可以 this.xxx = ‘’,这种方式是常用的,但是如果是data里面的数据,这种方式就会使代码看起来有些冗余。那么,我们可以使用this.assign()方法或是Jsonthis.assign() // 此方法是将可枚举属性的值从一个或多个源对象复制到目标对象,它返回的是目标对象。它有两个参数,target:目标对象;source:源对象。 // 初始化所有data数据Object.assign(this.$data, this.$options.dat

2021-09-06 16:02:08 3620

原创 element级联选择器中模糊搜索时getCheckedNodes()获取不到当前节点

踩了个坑…使用getCheckedNodes()获取当前节点是ok的,但是当级联菜单模糊搜索时getCheckedNodes()获取当前节点为空.开始以为是element的版本问题,但是经查验并不是当使用getCheckedNodes()方法获取不到节点时,我们可以使用反查的方法getNodeByValue(),去找当前节点this.$refs[`cascader${index}`][0].panel.getNodeByValue(value)使用此方法可以反查到节点信息,从而获取到需要的数据

2021-09-03 12:31:29 2867

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除