- 博客(74)
- 收藏
- 关注
RSS订阅原创 echarts数据集dataSet设置上下左右轴的四条轴的图表option设置
【代码】echarts数据集dataSet设置上下左右轴的四条轴的图表option设置。
2024-02-01 16:29:38
137
原创 el-table-column自定义排序（实现小数、分数、整数、中英文混合的排序效果）
【代码】el-table-column自定义排序（实现小数、分数、整数、中英文混合的排序效果）
2024-01-11 10:20:27
517
原创 vu3+ts:mousedown mousemove mouseup 与 click事件冲突的解决办法
【代码】vu3+ts:mousedown mousemove mouseup 与 click事件冲突的解决办法。
2023-12-29 14:41:07
857
原创 将el-dialog设置为全屏（ :fullscreen=“true“）后还是存在遮罩层和滚动条
解决：将el-dialog的margin设置为0即可。
2023-12-29 09:43:36
1583
原创 服了，记一下v-show不生效的问题
也就是在template区域直接就写了各个小部分的节点，没有一个大的div（这就可能造成各个小部分的display:flex和v-show的display:none造成冲突，导致v-show失效） ，如上所示：通过v-show控制四个子组件的显示和隐藏，但是我加上去怎么都不生效，F12查看元素发现子组件并没有各自的父元素，而且也没有。所以，在快乐敲代码的过程中也需要注意代码的规则，不该省的千万不要省啊！这个样式（v-show底层是通过display:none控制元素的显示隐藏的）
2023-12-15 10:47:53
1162
原创 创建vue3数学符号选择器(vue3+elementPlus+ts)
【代码】创建vue3数学符号选择器(vue3+elementPlus+ts)
2023-12-05 13:44:30
584
原创 记笔记：使用Element-plus库时，控制台出现警告：$weight: Passing a number without unit % (0) is deprecated.
【代码】记笔记：使用Element-plus库时，控制台出现警告：$weight: Passing a number without unit % (0) is deprecated.
2023-12-01 17:48:09
1622
3
原创 解决页面上数据量过大、dom过多导致渲染卡顿的问题---DOM懒加载（vue3）
这是一种新的浏览器 API，可以用于监听元素进入或离开视口。通过监听元素是否进入视口，我们可以判断何时加载元素。使用 Intersection Observer API 实现 DOM 懒加载非常简单，只需要创建一个观察器对象，并将需要观察的元素传递给它即可。
2023-10-19 15:53:48
1719
原创 el-select的el-option添加操作按钮插槽后实现勾选与按钮操作分离
当我们点击el-option时无法区分是勾选el-option还是点击了el-option选项文字后面的按钮，其实只要在后面的编辑和删除的操作按钮的。
2023-10-11 15:59:29
1552
原创 记录vxe-table show-overflow失效问题
排查后发现和tooltip的z-index有关，modal的z-index比tooltip的z-index大，把相关class改一下就可以显示了。超出的文本鼠标移上去没有显示全部。
2023-09-11 17:54:45
1794
原创 记录Echarts双Y轴左右刻度不一致问题
根据项目需要,echarts实现双Y轴图表。因为两边数据不同，所以会出现左右Y轴刻度不一致。不想Y轴的数据顶天的话可以将interval*1.5或interval+10。解决思路: 1、将interval增大， 2、将max值增大(下面代码注释)
2023-09-07 10:38:58
536
原创 实现缓存el-table分页大小，用户新建标签打开该页面需保持分页大小（考虑是否为嵌入式页面）
需求：每个表格的分页大小 以本地缓存的方式存到浏览器本地，然后用户下次打开的时候 获取这个本地存储的值 如果没有就用页面默认的值，如果有 则先判断是不是有效的(是) 无效用默认 有效就用这个缓存值,需要区分。
2023-08-11 16:11:53
1212
原创 ts解决依赖引入报错：无法找到模块“xxxxxx”的声明文件的报错问题
【代码】ts解决依赖引入报错：无法找到模块“xxxxxx”的声明文件的报错问题。
2023-07-10 10:30:09
235
原创 Vue3+TS+ElementPlus报错集锦
（1）报错信息模块的默认导出具有或正在使用专用名称“Props”（2）修复方式一（为interface添加导出）userName: '法外狂徒-张三'})（3）修复方式二（使用type定义类型）userName: '法外狂徒-张三'})（4）修复方式三}>(),userName: '法外狂徒-张三'
2023-06-29 10:24:00
3345
原创 页面上实现复制按钮复制内容
注意 e.clipboardData.setData('text/plain', event.target.nextSibling.innerText)复制的元素为自己需要的那一个元素的内容。在复制按钮上绑定该方法即可。
2023-06-19 16:07:15
214
原创 可拖动的时间轴(vue3+ts使用element-plus的Slider滑块封装)
图一： 图二：HTML代码如下：封装组件，后端传递开始时间和结束时间，前端算出中间相差多少天图一效果：后端只传了一个开始时间和结束时间图二效果：后端传了一个时间数组，包含了一段时间（只需要将图一的getDaysArr 的获取时间段的行为改为时间数组；props默认开始时间和默认结束时间改为时间数组的第一位和最后一位即可，以下代码是一个简单的示例）封装计算开始时间与结束时间之间的天数，以及数组转对象的方法新建calculatetime方法文件，写入以下代码在父组件调用封装的时间
2023-06-14 11:57:01
3051
原创 Vue 项目使用 ECharts 使用路由或者点击浏览器前进/后退切换页面回来图表不显示
在 Vue 项目中使用 ECharts 时，一开始图表能渲染出来，当切换到其他页面再回来的时候，图表就不显示了。
2023-06-13 14:23:30
2116
原创 vue 多个组件中同时使用window.onresize时，只有一个组件起作用时的解决办法
vue 多个组件中同时使用window.onresize时，只有一个组件起作用时的解决办法
2023-06-13 10:22:54
623
2
原创 el-select+el-tree实现树形分组+多选+搜索的选择器
【代码】el-select+el-tree实现树形分组+多选+搜索的选择器。
2023-05-31 13:53:04
2515
1
原创 vue3项目，token失效退出登录时，再次登录跳转至上次退出时的页面
vue3项目，token失效退出登录时，再次登录跳转至上次退出时的页面
2023-05-29 14:33:27
1075
3
原创 判断一维对象数组的对象时间属性值是未来、今天、昨天、一周内、30天内、30天以前，并将该数组按照时间分类组成二维数组用于分时间段渲染
此时就可以将组装好的allConversations用以分时间渲染了。
2023-05-26 09:46:51
67
原创 Vue3中实现聊天室界面滚动条默认滑动到最底部
2、需求：用户单击左侧聊天记录列表，以及新发送消息，右侧会话历史滚动条需要实时保持在聊天记录最底部。
2023-05-23 10:29:52
3578
原创 修改类型为textarea的el-input的默认高度，enter换行输入时才加高到一定高度(vue2语法)
修改类型为textarea的el-input的默认高度，enter换行输入时才加高到一定高度(vue2语法)
2023-05-23 10:07:05
2294
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人