业务组件开发
文章平均质量分 70
生活、追梦者
别怕过去的自己,如何生活的狼狈不堪;只有现在勇往直前的力量,才足以战胜遥不可及的梦想。路,一直在脚下,好好努力,明日必定越来越好。
展开
-
【element-ui】el-date-picker 组件 type=“monthrange“ 选择时间段操作异常
但是看了所有的属性和方法都没有发现可以清除上次选择的值,也在网上各种搜索没找到解决办法,经过各种办法处理后得到了最简单处理方式,就是利用 key 值的变化重新渲染组件。如果使用了key,Vue会根据keys的顺序记录element,曾经拥有了key的element如果不再出现的话,会被直接remove或者destoryed。如果不用key,Vue会用一种算法:最小化element的移动,并且会尝试尽最大程度在同适当的地方对相同类型的element,做patch或者reuse。原创 2024-04-30 16:16:52 · 297 阅读 · 0 评论 -
【element-ui】el-from的表单验证方式以及属性的使用总结
在后台管理系统的开发中,一般都是操作数据,因此表单的使用频率很高,然而表单的输入基本都需要输入验证来确保提交的数据格式符合需求,因此前端的验证很重要,就会避免一些不必要的错误提交到后台去原创 2024-04-12 16:19:47 · 2485 阅读 · 1 评论 -
实时动态修改css :root 中的变量实现换肤、主题色的功能
到此就完成了动态修改:root变量实现换肤了,具体的应用场景中我们应该是在页面上操作,选中需要的肤色然后修改:root定义的变量值,考虑到浏览器刷新会重置原始状态的值,这里要结合本地存储方式记住选中的肤色。原创 2024-04-12 16:18:22 · 582 阅读 · 1 评论 -
【vue2+elemen-ui】el-form,el-table封装的条件过滤和列表展示的表格组件
然而,一旦项目的表格或表单多起来,每个不同的配置,以及多一个字段少一个字段,都要在 template 中重新写一大段组件代码,显得非常麻烦。或许你会考虑将这些代码封装起来,可是又会发现,封装的表格、表单大多数只在一处地方使用,还不如不封装呢。到底要如何封装,可以让每处使用 el-table 或 el-form, 都可以复用相同的组件,减少代码量的同时又具备高度的可定制性?本文章将会按照从无到有的步骤,按照封装组件常用的思路来封装 el-table,并且实现封装完成的组件支持 el-table 的全配置。原创 2024-04-10 16:19:53 · 862 阅读 · 1 评论 -
Vue组件:自定义弹窗组件Dialog详解
项目中大量的模块因字段都比较少,因此添加和编辑用弹框的形式更加方便,但是UI的设计和现用的组件库的弹框组件差异比较大,只能自己动手封装这么一个组件了。通过自定义弹窗组件ByDialog,我们可以在Vue.js应用中创建高度定制化的弹窗功能。通过属性、事件和插槽的灵活运用,我们可以实现各种弹窗样式和交互效果。原创 2023-10-18 18:40:43 · 5514 阅读 · 1 评论