- 博客(26)
- 收藏
- 关注
原创 vue+elementui--$message提示框被dialog遮罩层挡住问题解决
属性,我们可以利用这个属性去添加一个z-index超过dialog遮罩层比重的值就好了。样式必须写在全局中,如果是在scoped中不生效,可以在写一个style就可以解决。message提示框会默认被dialog遮罩层挡住 使用权重z-index。message组件中提供了。
2024-05-20 16:52:32 52
原创 前端页面实现搜索
this.user=this.userGgList 数据操作时总是进行= ,应该使用this.user=JSON.parse(JSON.stringify(this.userGgList))进行数据操作。数组方法不熟悉,最开始使用的findIndex只能进行精确搜索,不能实现模糊搜索,没有想到其他方法,以及数组方法的返回值也不够熟悉,建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。的内置方法之一,用于查找指定元素在数组中的索引位置。找到元素返回元素的索引值,找不到返回-1;
2024-04-23 09:58:36 296
原创 通过设置 type=“expand“ 和 Scoped slot 可以开启展开行功能时点击事件
【代码】通过设置 type=“expand“ 和 Scoped slot 可以开启展开行功能时点击事件。
2024-04-17 19:02:35 120
原创 vue中el-table的行拖拽和el-dialog中表格的行拖拽
表格数据一定要有唯一标识加上row-key值。2 el-dialog弹窗中的表格进行使用时。vue 中el-table行拖拽使用。方法使用时在点击打开弹窗时进行使用。页面挂载时化调用方法。
2024-04-16 16:50:30 194 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 367
原创 键盘回车事件导致页面刷新的问题
先在form表单加上@submit.prevent.native , 然后在所需要操作的input加上@keyup.enter.native和onsubmit="false"
2024-03-07 16:51:33 117 1
原创 el-select设置multiple属性即可启用多选,此时v-model的值为当前选中值所组成的数组,但要以字符串传递
查看详情时,将字符串转化为数组时使用split()方法,三目运算符判断是否有值,如果有进行截取,没有赋值为空数组。
2024-02-29 10:38:25 256
原创 el-table实现每行颜色不同
行的 className 的回调方法,也可以使用字符串为所有行设置一个固定的 className。根据每行的值,添加不同的类名,根据类名,添加不同样式。
2024-01-06 13:57:21 756 1
原创 el-date-picker日期时间处理
通过配置picker-options配置指定禁用日期(pickerOptions写到data里面。:picker-options="{'firstDayOfWeek': 1}"是从周一到周日。使用到DatePicker 日期选择器和monent。2.日期选择禁用日期的写法。日期处理成时间范围的写法。
2023-12-01 15:17:44 123
原创 数组方法(1)
从数组的开头(位置 0)开始向后查找 ,lastIndexOf()方法则从数组的末尾开始向前查找,没有找到的情况下都返回-1。every():对数组中的每一项运行给定函数,如果该函数对每一项都返回 true,则返回 true。filter():对数组中的每一项运行给定函数,返回该函数会返回 true 的项组成的数组。对数组中的每一项运行给定函数,如果该函数对任一项返回 true,则返回 true。对数组中的每一项运行给定函数,返回每次函数调用的结果组成的数组。三个参数,开始的位置,删除的个数0,插入的值。
2023-11-20 21:45:16 14 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人