Vue
JavaScript与Vue实现文字滚动(跑马灯)效果详解

本文详细展示了如何使用原生JavaScript和Vue框架分别实现网页跑马灯效果。通过字符串截取与拼接结合setInterval计时器,JS版本实现了基础的文字滚动功能;Vue版本则利用数据绑定和组件方法,提供了更简洁的实现方式。

2026-10-23 19:02:31
271
青山有信
Vue+Node.js实现商品列表分页、排序与筛选及购物车功能详解

本文详细介绍如何使用Vue和Node.js实现商品列表的分页、排序和筛选功能,并集成购物车模块。通过vue-infinite-scroll插件实现滚动加载,利用mongoose进行数据库查询,前端发送排序和筛选请求,后端处理数据返回,最终实现完整的商品展示与交互功能。

2026-10-23 13:37:36
156
后端茶话
Vue Element UI 动态表格与动态表头实现方案

本文介绍如何在Vue中结合Element UI实现动态表格渲染。通过父组件向子组件传递tableData和tableLabel,利用v-for循环动态生成el-table-column,从而支持动态表头和数据展示。该方法解决了静态表格无法灵活适配多变数据结构的问题,为后续列操作扩展奠定基础。

2026-10-23 13:21:03
654
青团子
Vue axios 将传递的json数据转为form data的例子

本文介绍如何在Vue项目中通过axios配置将JSON数据转换为Form Data格式。核心步骤包括引入qs模块,在请求拦截器中使用qs.stringify处理非GET请求的数据,并修改Content-Type为application/x-www-form-urlencoded,确保后端正确接收参数。

2026-10-23 12:29:17
252
雾松
Vue Element UI el-autocomplete 远程搜索与自动填充实战

本文介绍如何在Vue项目中利用Element UI的el-autocomplete组件实现远程搜索与数据自动填充。通过自定义fetch-suggestions处理mock数据,结合JSON.stringify替换value字段,解决组件仅识别value的问题,并演示选中后自动补全姓名、生日等关联信息的具体实现步骤。

2026-10-23 12:23:16
474
青山有信
countup.js实现数字动态叠加效果

本文介绍countup.js轻量级JavaScript库,用于实现数字动态叠加动画。详细解析startVal、endVal等核心参数配置,提供基础用法及Vue环境下的集成代码示例,帮助开发者快速实现数值变化效果。

2026-10-23 12:03:28
515
青山有信
解决Layui动态加载复选框选中异常及自定义实现方案

针对Layui动态加载复选框在分页或快速操作时出现的选中异常问题,本文提出一种基于Vue的自定义复选框替代方案。该方案通过简单的DOM操作与属性绑定,实现了单个选中、全选/取消及ID获取功能,有效规避了Layui渲染机制在特定场景下的缺陷,适用于需要稳定交互的后台管理系统。

2026-10-23 11:22:33
452
青山有信
Vue与Layui集成时Select动态加载数据的渲染时序问题及解决方案

本文探讨Vue与Layui结合使用时,因渲染时序差异导致Select组件空白的问题。通过对比模块化导入与嵌套Layui.use两种方案,最终推荐在Vue的updated生命周期中调用layui.form.render方法,并配合axios获取数据,确保Layui表单在Vue数据更新后正确渲染。

2026-10-23 11:21:52
336
模板散步
Vue项目中封装axios管理API的两种方案

本文介绍在Vue项目中封装axios以统一管控API的两种常见方式。第一种适用于接口较少、层级简单的场景,通过创建实例并挂载原型实现;第二种适用于接口较多、结构复杂的场景,采用模块化目录管理。内容涵盖环境配置、拦截器处理及具体代码实现,帮助开发者高效维护多环境接口地址。

2026-10-23 11:00:14
398
青山有信
详解webpack引用jquery(第三方模块)的三种办法

本文详细介绍在Webpack构建Vue项目时引入jQuery的三种方案。第一种为HTML模板直接引用,最简单直观;第二种利用expose-loader将模块暴露至全局window对象,解决闭包作用域问题;第三种通过ProvidePlugin插件自动注入$符号至所有模块。文章包含具体安装命令、配置文件示例及注意事项,帮助开发者根据项目需求选择合适方案。

2026-10-23 10:22:14
173
测试鸭
Vue 中集成 Chart.js 并处理 DOM 渲染时机

本文介绍在 Vue 项目中集成 Chart.js 的方法,重点解决非 Vue 插件依赖 DOM 存在的渲染时机问题。通过自定义指令 `v-loaded-callback` 确保 DOM 插入后初始化图表,并提供组件封装、数据绑定及配置选项的完整代码示例。

2026-10-23 10:20:43
512
页面旅途
Vue组件全局注册与一键引用实现指南

本文详解如何在Vue项目中实现组件的全局注册与一键引用。通过配置GlobalComponents.js文件,利用require.context自动扫描指定目录下的组件,并结合lodash处理命名转换,实现类似Element UI的批量引入效果。文中提供了main.js配置、组件命名规范及参数合并封装示例,旨在提升开发效率与代码可维护性。

2026-10-23 09:54:30
463
松果