自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(14)
  • 收藏
  • 关注

原创 Vue文本域属性<el-input组件仿clearable,重写清空按钮

Vue文本域属性

2024-08-22 13:57:45 406

原创 Element el-form 表单校验,保存或提交验证某一项或者多项;validateField 的使用

业务场景:下图点击保存按钮时,只需要校验前两项,其余参数不做校验,保存为草稿;点击提交按钮时,表单里面所有的必填项需要校验。我们也可以动态更改rules规则里面的required字段,但这样点击保存时页面上的必填校验。这个方法接受两个参数,第一参数为数组或者字符串,第二个参数为回调函数。用户体验会非常不友好。其实还有很多方式可以实现,可以评论区探讨一下~如果需要对表单里的特定几个必填项进行校验,应该如何实现?如果要校验某一项,第一个参数传。

2024-08-06 17:26:24 356

原创 搭建前端知识体系中的知识整理与归纳技巧

搭建前端知识体系中的知识整理与归纳技巧

2024-08-06 16:33:54 274

原创 快速学习前端知识并搭建知识体系的方法

快速学习前端知识并搭建知识体系的方法

2024-07-24 17:19:41 420

原创 error: ‘xxxx‘ is already defined (no-redeclare) at src\views\xxxx\xxxx.vue:347:1

在同一文件或者方法内声明了同样的变量,

2024-07-24 13:46:15 276

原创 Element-UI使用el-upload组件第二次上传无效问题,文件回显添加文件到elupload组件

Element-UI使用el-upload组件第二次上传无效问题,文件回显添加文件到elupload组件

2024-07-16 16:08:01 1341

原创 Element-UI 使用$prompt方法自定义模版内容,修改默认样式

data() {return {row,rule: {message: '请输入备注',},],},model: {},},

2024-06-25 14:42:26 653

原创 Yarn 命令安装包时yarn add/install/build... 报“certificate has expired”

我们可以将 'strict-ssl' 设置为 false,从而跳过 https的验证。看了yarn的官网,估计是最近yarn官方更新引起的问题,cnpm如果出现这样的问题,大概率原因相同;2、使用命令yarn config set strict-ssl false将其改为 false。如果项目是通过Jenkins部署,可以在服务器上修改配置,用上面同样的方法,就可以解决了!3、再次执行yarn命令安装插件 ,就不会报错了,问题完美解决~~”了,非常诧异,前几天还是好的,突然就不行了。

2024-01-26 15:10:36 1476 4

原创 Vue实时监听内容超过指定行数后展开收起功能

问题描述想要实现内容超过一行的时候显示展开按钮,如果没超过一行就不显示,展开显示所有数据窗口正常大小的时候:逻辑思路:假设展示区域每行高度为30px,当内容超出一行高度30px时需要显示展开/收起按钮并实现功能。关键部分【max-height:'---px’】,只显示一行内容。给展示区域动态绑定样式max-height样式,initialListHeight,为一行的高度,也可根据现实行数,动态赋值。

2024-01-25 11:21:50 844

原创 Element表格表头render-header自定义列表标题

Element表格表头render-header自定义列表标题

2024-01-17 10:27:58 1569

原创 Element-ui中封装el-table 组件中使用表格自定义Render函数

类型:{String | Object | Function} 一个 HTML 标签名、一个组件、一个异步组件、或一个函数式组件。类型:{String | Array | Object} children 虚拟子节点(vnodes),当前html标签的元素。如果想对其中一项加上额外的状态,并添加事件、样式,该怎么做呢,就需要使用Render函数去实现。2、vue中render函数使用attrs绑定id、class、style、事件。1、项目中封装好了table组件,需要使用的地方直接引用组件就好了。

2024-01-10 13:54:47 1604

原创 js实现获取当前月份往前12个月份,接口返回缺少的月份自动补全12个月,格式化后重新渲染Echarts图表

1、日常开发中经常会有Echarts图表渲染近期12个月的数据,但是后端接口返回数据是错乱无序的数据,就需要前端单独做处理。就拿到了完整的近12个月数据,核心方法再上面封装的的方法里面,封装完成后后续直接调用就可以,最终图表显示如下;而我们想要的是正序排序,并且随机补全当前月份往前12个月缺少的月份,比如(当前是12月):这种格式。

2023-12-26 16:15:57 769

原创 ElementUI修改el-tab-pane自定义添加class并修改组件样式

element官方文档并没有提供插槽,业务上有很多个性化需求,完成需求后记录一下,有需要的小伙伴可以直接复制代码使用。先上效果图:需求是当前用户绑定多个标签,那么默认选中第一个标签,其余所属标签字体颜色标记成黄色。vue解决方案:原生js动态添加class setAttribute。

2023-12-21 14:41:06 2583

原创 vue + element-ui 复杂表格组件封装,全局使用

表格组件是开发人员不可绕过的功能,也是使用最多的功能组件,所以为了使项目简洁高效,封装是必不可少的,项目中各种需求层出不穷,所以也需要我们开发人员考虑健全,尽可能做到组件高可扩展性,这样也才能提高开发效率。有疑问的朋友可以私我,咱们共同探讨。需要传递给组件的参数在data中定义,接口赋值后组件接收渲染dom节点。

2023-12-15 17:43:59 769 1

Echarts 世界地图和主要国家的 JSON 文件

项目中经常使用echarts绘制世界地图,自己花了点时间整理了世界地图的 JSON 地图文件,以备后续随时使用。文件比较大,下载之后,导入项目中直接使用就可以了。 世界地图: world.json

2023-12-22

空空如也

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

TA关注的人

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