- 博客(38)
- 收藏
- 关注
RSS订阅原创 修改数据但是不影响原数据的写法(深拷贝）
this.leftQuer.year默认展示为当前年，this.formatDate()标准时间处理方法。
2024-10-24 18:14:29
195
原创 el-date-picker年份选择默认值为当前年，并且将获取时间转为年月日格式
new Date(new Date().getFullYear(), 0, 1)表示的是当前年份的第一天（即1月1日）。绑定到这个日期对象上，就会使得日期选择器默认显示当前年份。type="year" 只会看到当前年份，不会看到日期。在处理年份选择时，实际上是在处理日期对象，但它只显示年份部分。
2024-09-06 11:39:29
1913
原创 forEach 无法跳出循环必须使用for
本身无法跳出循环，必须遍历所有的数据才能结束，它传入的是一个回调函数，因此形成了一个作用域，它内部所定义的变量不会像for循环一样污染全局变量。使用return 作用只能跳出当前循环，并不能阻止整个循环，达到效果。再某些条件下，需要跳出循环，阻止的话，使用for 循环加return即可。解决办法：try catch。
2024-08-29 09:41:25
470
原创 搜索时间互斥时，
0 原来的写法直接判断length 当el-date-picker被清除时，timeArr已经变为null 读取不到length长度，代码出错不执行。
2024-07-31 17:32:22
227
原创 doLayout()使用
this.leftDataList.splice(0,0)//其实数据没有改变，也可以通过定义一个状态值，再接口成功时改变，也可以doLayout刷新界面。//察觉到变化时才会重新刷界面。解决1：根据慢的接口调用成功之后，再用另一个接口，开始时一直loading，成功之后结束。问题：页面列表两个接口，慢的接口加载过慢，直接使用doLayout()页面并没有刷新。
2024-07-29 11:19:30
437
原创 el-table多选checkbox实现可多页多选，翻页后勾选情况不清空
el-table分页之后，选择中，翻页保留之前选中的数据。1，唯一标识row-key。
2024-07-16 14:35:21
555
原创 【vue elementUI】el-select和弹出框el-option样式调整，::v-deep失效
修改弹出框样式，需要先修改一个属性 :popper-append-to-body="false"修改样式使用::v-deep。
2024-07-03 14:59:02
439
原创 vue+elementui--$message提示框被dialog遮罩层挡住问题解决
属性，我们可以利用这个属性去添加一个z-index超过dialog遮罩层比重的值就好了。样式必须写在全局中，如果是在scoped中不生效，可以在写一个style就可以解决。message提示框会默认被dialog遮罩层挡住 使用权重z-index。message组件中提供了。
2024-05-20 16:52:32
971
原创 前端页面实现搜索
this.user=this.userGgList 数据操作时总是进行= ，应该使用this.user=JSON.parse(JSON.stringify(this.userGgList))进行数据操作。数组方法不熟悉，最开始使用的findIndex只能进行精确搜索，不能实现模糊搜索，没有想到其他方法，以及数组方法的返回值也不够熟悉，建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。的内置方法之一，用于查找指定元素在数组中的索引位置。找到元素返回元素的索引值，找不到返回-1；
2024-04-23 09:58:36
661
原创 通过设置 type=“expand“ 和 Scoped slot 可以开启展开行功能时点击事件
【代码】通过设置 type=“expand“ 和 Scoped slot 可以开启展开行功能时点击事件。
2024-04-17 19:02:35
447
原创 vue中el-table的行拖拽和el-dialog中表格的行拖拽
表格数据一定要有唯一标识加上row-key值。2 el-dialog弹窗中的表格进行使用时。vue 中el-table行拖拽使用。方法使用时在点击打开弹窗时进行使用。页面挂载时化调用方法。
2024-04-16 16:50:30
537
1
原创 Unknown custom element: ＜el-table-column＞ - did you register the component correctly? For recursive
在使用这个组件的.vue文件中注册，或者main.js文件中注册。在.vue文件中或者main.js文件中没有注册这个组件。
2024-04-11 19:10:01
1000
原创 键盘回车事件导致页面刷新的问题
先在form表单加上@submit.prevent.native ， 然后在所需要操作的input加上@keyup.enter.native和onsubmit="false"
2024-03-07 16:51:33
246
1
原创 el-select设置multiple属性即可启用多选，此时v-model的值为当前选中值所组成的数组，但要以字符串传递
查看详情时，将字符串转化为数组时使用split()方法，三目运算符判断是否有值，如果有进行截取，没有赋值为空数组。
2024-02-29 10:38:25
669
原创 el-table实现每行颜色不同
行的 className 的回调方法，也可以使用字符串为所有行设置一个固定的 className。根据每行的值，添加不同的类名，根据类名，添加不同样式。
2024-01-06 13:57:21
1466
1
原创 el-date-picker日期时间处理
通过配置picker-options配置指定禁用日期（pickerOptions写到data里面。:picker-options="{'firstDayOfWeek': 1}"是从周一到周日。使用到DatePicker 日期选择器和monent。2.日期选择禁用日期的写法。日期处理成时间范围的写法。
2023-12-01 15:17:44
223
原创 数组方法(1)
从数组的开头（位置 0）开始向后查找 ，lastIndexOf()方法则从数组的末尾开始向前查找,没有找到的情况下都返回-1。every()：对数组中的每一项运行给定函数，如果该函数对每一项都返回 true，则返回 true。filter()：对数组中的每一项运行给定函数，返回该函数会返回 true 的项组成的数组。对数组中的每一项运行给定函数，如果该函数对任一项返回 true，则返回 true。对数组中的每一项运行给定函数，返回每次函数调用的结果组成的数组。三个参数，开始的位置，删除的个数0，插入的值。
2023-11-20 21:45:16
33
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人