ID_liuliu-CSDN博客

原创基于js实现元素的粘性布局，并且超出一定范围后，元素继续随着页面滚动

其实基于vue3的话，element-plus中使用锚点定位el-affix组件也可以实现，为什么没用而是自己写呢，是因为我不会用，好久不用vue3了，不论是语法还是组件库都比较生疏了，也没有找到关于el-affix组件的用法详解，element-plus的文档也没有很详细，自己写来的更快。只能根据需求自己手写，以下代码可以直接拿走使用，项目用的是vue3+ts，如果vue2的话，稍微改改语法也能直接用。首先想到的解决方案是使用css的粘性布局，但是粘性定位有很多的局限性，另外父元素的相对定位不要忘了。

2025-04-08 11:25:04 236

原创 vue-seamless-scroll实现滚动第二个表格的row-click无法触发

1. 通过$ref给表格元素绑定row-click，实际上ref能获取到的也只是第一个真实数据的table，并且row-click并不是原生的事件，使用addEventListener监听不到，在table的$ref上面也并没有触发他的选项，方案一作废。简单记录，仅供参考，如果有更好的方案，欢迎批评指正。百度了很多，大家几乎用的都是ul，li 的形式实现滚动，直接可以通过v-for来得到渲染的数据，但是el-table没有data数据的v-for，所以都没办法解决我遇到的问题，于是就有了以下几种实践。

2025-01-24 10:46:08 331

原创 elementUI中NavMenu组件在特定条件下点击菜单项不切换页面并提示

实际上这样操作达到了页面没有跳转的效果，但是menu的default-active已经变成了点击之后的菜单，而不是当前路由下的菜单，激活项和页面不匹配，因此后面再切换菜单项，导致了整个菜单的激活状态紊乱。项目中有大量可编辑的表单，每一个表单的项目也很多，如果没保存，切换菜单时已经填好的表单项就会被清空，因此需要在跳转菜单的时候弹出一个弹层，提醒用户切换会丢失已填的数据。

2024-04-25 09:16:18 775 1

原创给一个开始时间，和间隔时间计算结束时间，排除中间的节假日

方法比较简单使用一个递归函数就可以实现，具体思路：从开始时间算，判断他的后一天是不是非工作日，遇到工作日就让间隔数-1，非工作日则间隔数不变，循环调用函数直到间隔数为0。调用startTime.add(1, 'd')后会改变原来的日期，递归调用时如果直接使用startTime._i会陷入死循环。chinese-workday中还有很多方法，可以根据自己的需要去选择对应的API。简单分享一下最近遇到的一个需求: 只编辑开始时间，根据间隔时间来计算结束时间，中间不包含节假日和周末。项目是vue2的版本。

2023-11-24 14:40:14 737 1