VUE
文章平均质量分 68
奇怪的思考人
这个作者很懒,什么都没留下…
展开
-
vue3实现非确定高度列表项的虚拟滚动列表
虚拟滚动列表是一种优化长列表渲染性能的技术,通过只渲染可视区域内的列表项,减少DOM的渲染数量,从而提高页面滚动的流畅性。在滚动时,只渲染可视区域内的列表项,而不是一次性渲染所有列表项。通过计算可视区域的起始索引和结束索引,动态渲染该范围内的列表项。当用户滚动时,根据滚动位置动态更新可视区域内的列表项,从而实现虚拟滚动的效果。原创 2024-08-19 10:02:39 · 727 阅读 · 0 评论 -
vue3使用createVNode + render基于el-dialog封装二次确认弹框组件
【代码】vue3使用createVNode + render基于el-dialog封装二次确认弹框组件。原创 2024-08-09 19:05:37 · 339 阅读 · 0 评论 -
vue + echarts + websocket实现PC后台首页实时数据大屏展示(含地图)
2、在给echart设置大小宽高等样式要根据当前浏览器宽度和设计稿宽的比例动态计算一下。以对象的形式创建websocket连接,加入心跳检测重连机制,通过事件监听触发回调;主要是用到echarts的visualMap、geo和map类型的series;对象向外暴露向服务端推送信息的方法以及主动关闭socket链接的方法;筛选时动态改变饼图option中series的data切换渲染维度;大屏页面左侧、底部列表为相似样式列,固抽离为公用组件,注意点是。在main.js中引入文件;原创 2024-07-03 10:46:22 · 587 阅读 · 0 评论 -
Vue3基于element-plus二次封装搜索列表组件
element原生的props配置,透传给element,select比较特殊,valueName为绑定的值的key,labelName为绑定展示文案的key,options为下拉选先数据源。如果有比较定制化的需求,可以将列表和筛选栏组件拆开分别引入使用,减少了组件的耦合性,增强了组件的可扩展性;在列表接口请求前的事件,事件会返回search栏对应绑定的query,可以在此方法中处理接口请求入参,改函数return的参数就是最后请求接口的参数;组件主要接收两个参数,一个为顶部筛选栏的配置项。原创 2024-06-04 17:01:29 · 960 阅读 · 0 评论