Vue
Vue 3/2 前端 JS 实现 SM2 国密加密完整指南

本文详细介绍如何在 Vue 3 和 Vue 2 项目中集成并使用 sm-crypto 库实现 SM2 国密算法加密。涵盖从 npm 安装依赖、封装通用加密工具函数,到在组件中调用 encrypt 方法进行数据加密的完整步骤,提供可直接复用的代码示例。

2026-11-01 03:24:19
351
性能诊所
Vue结合el-table实现表格行拖拽排序(基于sortablejs)

本文介绍如何在Vue项目中结合Element UI的el-table与sortablejs插件实现表格行的拖拽排序功能。详细讲解了依赖安装、核心代码实现、关键配置项如row-key和handle的使用,以及解决排序不生效的常见坑点,提供完整组件代码供参考。

2026-11-01 01:30:37
334
组件花园
JavaScript操作CSS自定义属性的完整指南

本文详解CSS自定义属性的定义、作用域及使用var()函数引用方法,重点讲解如何利用JavaScript的setProperty动态修改全局与局部CSS变量,并结合Vue框架实现动态背景切换的完整代码示例。

2026-10-31 17:24:08
554
青山有信
elementUI Table 动态表头与插槽渲染实战

本文介绍如何在 elementUI 中实现由后端返回配置的动态表头,并结合 Vue 插槽技术处理不同字段的差异化显示。通过解析后端返回的字段列表,动态生成 el-table-column,并利用 scope.row 和 scope.column.property 在插槽中实现标签、字典值转换等复杂样式渲染,解决高度自定义列表界面的需求。

2026-10-31 16:09:58
543
组件花园
前端qrcode生成二维码安装及使用示例详解

本文详细介绍基于JavaScript的qrcode库的安装与使用方法。该库利用HTML5 Canvas在客户端实时生成二维码,具有轻量、易用、跨平台等优点。文章涵盖浏览器端与服务端API详解,并通过Vue2和Vue3项目示例演示具体代码实现,解决中文编码、Logo添加等常见问题。

2026-10-31 15:22:14
419
模板散步
Vue Element UI el-date-picker 隐藏底部清空按钮的两种方案

本文介绍如何在Vue Element UI中隐藏el-date-picker组件底部的清空按钮。提供两种实现方式:通过全局element-ui.scss文件统一隐藏所有日期选择器的清空按钮,或通过为特定组件添加popper-class属性并结合局部CSS规则实现单个页面的隐藏效果。

2026-10-31 14:19:09
231
青山有信
JS实现滚动触底加载数据的思路与代码(附PC端滚动分页)

本文详细解析了前端滚动触底加载的实现原理,涵盖可视高度、滚动距离与实际高度的计算逻辑。通过Vue示例展示了从基础判断到添加触发阈值、防重复触发及性能优化的完整代码演进过程,适用于PC端滚动分页加载场景。

2026-10-31 14:17:15
204
雾松
前端实现Excel文件导出功能的完整代码解析(vue实现excel文件导出)

本文详细解析前端实现Excel文件导出的两种核心方案:一是通过Blob对象与URL.createObjectURL在前端直接生成下载链接;二是利用后端API处理大数据导出,前端接收二进制流并触发下载。文章提供了Vue结合axios的具体代码示例,涵盖从数据请求、文件类型设置到内存释放的完整流程,适用于数据管理、报表系统及可视化应用等场景。

2026-10-31 13:47:10
280
云间搭桥
Vue实现带拖动和播放功能的时间轴组件

本文介绍基于Vue开发的timeline-slider-vue组件,支持横向与竖向模式。该组件提供拖动交互、日期标记、锁定日期及自动播放功能,详细列出Props参数、Slot插槽及Change/Input事件用法,并附带Node环境配置与项目构建命令。

2026-10-31 12:35:59
664
南栀
el-input 限制输入只允许输入浮点型的解决思路

本文介绍如何在 Vue 和 Element UI 环境下,通过结合 oninput 原生事件与 @input 自定义方法,限制 el-input 仅允许输入浮点数。方案涵盖数字、小数点及正负号的过滤,解决多小数点、中文拼音干扰及格式校验问题,确保输入即时合规。

2026-10-31 12:30:12
512
松果
Vue中onMounted获取不到DOM的原因及解决方案

本文分析Vue中onMounted生命周期获取DOM失败的原因,重点探讨v-if和v-for指令对DOM渲染的影响。对比v-if与v-show在DOM存在性上的差异,并提供nextTick和onUpdated两种解决方案,帮助开发者避免常见坑点。

2026-10-31 12:07:54
340
窗边听雨
Vue权限管理几种实现方法

本文介绍了Vue前端权限管理的几种实现方法,涵盖接口、按钮、菜单和路由四个维度。详细对比了动态挂载路由、后端返回菜单等方案的优缺点,并提供了基于路由meta和自定义指令的按钮权限控制示例,帮助开发者根据项目需求选择合适的权限控制策略。

2026-10-31 11:47:07
290
模板散步