- 博客(14)
- 收藏
- 关注
原创 Element el-form 表单校验,保存或提交验证某一项或者多项;validateField 的使用
业务场景:下图点击保存按钮时,只需要校验前两项,其余参数不做校验,保存为草稿;点击提交按钮时,表单里面所有的必填项需要校验。我们也可以动态更改rules规则里面的required字段,但这样点击保存时页面上的必填校验。这个方法接受两个参数,第一参数为数组或者字符串,第二个参数为回调函数。用户体验会非常不友好。其实还有很多方式可以实现,可以评论区探讨一下~如果需要对表单里的特定几个必填项进行校验,应该如何实现?如果要校验某一项,第一个参数传。
2024-08-06 17:26:24 356
原创 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-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 文件
2023-12-22
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人