vue进阶之路

vue3导入excel并解析excel数据渲染到表格中，纯前端实现。

需求用户将已有的excel上传到系统，并将excel数据同步到页面的表格中进行二次编辑，由于excel数据不是最终数据，只是批量的一个初始模板，后端不需要存储，所以该功能由前端独立完成。吐槽系统中文件上传下载预览三部曲走了一遍，万万没想到还要自己实现同步数据。实际反手各种资料开始查阅，终于找到了可以完美实现该需求的方法，来记录下我的实现方案。希望对有需要的小伙伴有帮助。注意以下为正文（重要内容），
m0_74825526·2025-03-06 23:56

vue3+vite项目打包后css样式丢失

问题：原因：默认情况下启用了CSS代码分割，CSS样式会被提取到单独的CSS文件中，会导致一些样式丢失的情况。通过将cssCodeSplit设置为false，可以禁用CSS代码分割，这样CSS样式将会内联到JavaScript中，而不是被提取到单独的CSS文件中。这种方式可以解决一些样式丢失的问题，因为样式将直接包含在构建后的JavaScript文件中，而不会受到代码分割的影响。解决方法：在vit
Angus-zoe·2025-03-06 23:56

vue3动态路由+页面刷新丢失路由+再次加载路由

1、保存路由信息在登录的时候从后端获取路由信息保存到全局pinia或者是vuex，我用的是pinia建议在保存的时候对路由信息数组做好处理2、在router.ts中引入pinia保存的路由信息：注意不要使用
Angus-zoe·2025-03-06 23:25

《会展管理：如何在竞争中脱颖而出？》

会展管理：从“小白”到“大咖”的进阶之路嘿，各位朋友！今天咱来唠唠会展管理那点事儿。在这个竞争激烈的时代，会展可是企业展示自我、拓展市场的重要舞台。但要把会展办好，可真不是件容易的事儿。
·2025-03-06 23:16

vue中Axios的封装和API接口的管理(待根据实际项目front进行分析)

一、axios的封装在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。
yinxiangzhongqing·2025-03-06 19:54

（一）React 基础

专栏持续更新中~~目录目录一、React介绍1.1什么是React1.2React的特点1.3ReactVSVueVSAngular1.基本概述2.语法和核心概念对比2.1组件语法2.1.1React组件
小刀肉0812·2025-03-06 19:19

Vue打印组件

Vue打印组件vue-print-nb是一个用于Vue.js的轻量级打印插件，它允许你轻松地将页面或特定元素转换为可打印格式，并提供了额外的功能如预览和生成PDF。
_AndyLau·2025-03-06 15:15

构建一个支持精度、范围和负数的-Vue-数字输入框

分析并实现一个支持精度、范围和负数控制的数字输入框。背景在很多业务中，我们经常需要使用数字输入框，通常这些输入框会涉及到数字校验，比如限制输入范围、设置小数精度、是否允许负数等。每次写表单时，都需要重复定义这些校验规则，这不仅繁琐，而且无法满足灵活配置的需求。因此，我想到了能否将这些功能抽象成一个通用的、可复用的组件，避免每次都写重复的逻辑。思路直接限制输入，处理好输入的内容，就可以避免复杂的校验
xChive·2025-03-06 15:42

Java版工程行业管理系统源码-专业的工程管理软件- 工程项目各模块及其功能点清单

这款工程项目管理软件采用了Vue、Uniapp、Layui等前沿技术框架，构建了一个覆盖项目全生命周期的综合管理平台。从项目策划决策、规划设计，到施工建设、竣工交付，再到总结评估和运维运营
m0_72864708·2025-03-06 14:34

使用 vxe-table 实现复选框分页跨页勾选

实现复选框分页跨页勾选官网：https://vxetable.cn当使用数据分页与复选框多页勾选时，可以通过checkbox-config.reserve启用获取已选import{ref,reactive}from'vue'import
·2025-03-06 14:21

vue vxe-table 实现财务记账凭证

实现在线实时编辑的记账凭证、自动合计金额等官网：https://vxetable.cn/新增保存财务主管：小徐记账：张三出纳：李四审核：老六import{ref,reactive,nextTick}from'vue'import
·2025-03-06 13:20

vxe-table v4.8+ 实现行拖动排序，列拖动排序

VxeUIvuevxe-tablev4.8+实现行拖动排序，列拖动排序安装npminstallvxe-pc-ui@4.2.42vxe-table@4.8.1main.js//...importVxeUIfrom'vxe-pc-ui'import'vxe-pc-ui
·2025-03-06 13:20

基于Spring Boot+vue的厨艺交流平台系统设计与实现

大家好，今天要和大家聊的是一款基于SpringBoot的“厨艺交流平台”系统的设计与实现。项目源码以及部署相关事宜请联系我，文末附上联系方式。项目简介基于SpringBoot的“厨艺交流平台”系统设计与实现的主要使用者分为管理员、普通用户和游客。没有授权的用户无法使用本系统功能，包括个人中心、食材分类管理、用户管理、菜品分类管理、菜谱信息管理、食材信息管理、商品分类管理、商品信息管理、美食日志管理
程序媛小果·2025-03-06 13:58

VUE + Jquery 集成的一个简易数学公式编辑器

前端数学公式自定义编辑界面可自定义未知数、运算符号、函数自己写的一个数学公式简单编辑器，本想找开源，无奈找不到。如果有开源，请发我一份，参考参考。在此感谢。静态1、简单公式：例如x+y将公式中的变量（x,y）以及运算符(+,-)放在一个数组中，遍历这个这个数组组成一个html字符串，然后显示在页面。数组定义为：type定义是值还是运算符valueDatas:[{type:'value',domTy
今天也想MK代码·2025-03-06 13:23

vue项目同时使用sass和less

有时因为代码需要，需要同时使用sass和less，现将本人的一点经验心得分享给大家。1.首先建议安装淘宝镜像，如已安装可跳过命令：npminstall-gcnpm--registry=https://registry.npm.taobao.org2.如项目中已有sass，需要安装less，执行如下代码：cnpminstallless--savecnpminstallless-loader@4.1.
shalDream·2025-03-06 13:52

vue3+vite+ts项目中使用vue-router

vite.config.ts:import{defineConfig}from'vite';importvuefrom'@vitejs/plugin-vue';importpathfrom"path";
枫叶&情缘·2025-03-06 11:42

vue2中使用Animate.css动画插件

Animate官网npminstallanimate.css--saveyarnaddanimate.css或者直接下载②引入在main.js中importanimatedfrom"animate.css";Vue.use
T-shmily·2025-03-06 11:09

基于vue3封装axios

安装axiosyarnaddaxios实例化axios–设置baseURL，超时时间，大数问题constinstance=axios.create({baseURL:'',timeout:5000})请求拦截器-全局注入tokeninstance.interceptors.request.use(config=>{//config是请求//1.获取token，从user模块中获取
withNanSi·2025-03-06 09:58

影院购票系统（二）——uni-app移动应用开发

一、整体功能概述这个Vue组件构建了一个完整的影院座位选择系统，涵盖从座位数据初始化、视图渲染到交互处理以及业务逻辑的整个流程。它遵循响应式编程模式，数据的变化能够及时反映在视图上，反之亦然。
阿常11·2025-03-06 09:57

升级《在线写python》小程序的分享功能。昨天忘了...

挺不方便的，所以需要开启分享权限，由于我这个没有其他需要隐藏的私密页面，所以事直接全局开启就行在App.vue文件里的onShow里开启即可。
陈钇谷·2025-03-06 09:25

园区环境数字化管理系统（源码+文档+讲解+演示）

系统概述园区环境数字化管理系统采用前后端分离的架构设计，服务端基于MySQL5.7+、JDK1.8+和Redis，前端则采用Vue2.6.14和Eleme
·2025-03-06 09:12

生命周期总结（uni-app、vue2、vue3生命周期讲解）

一、vue2生命周期Vue2的生命周期钩子函数分为4个阶段：创建、挂载、更新、销毁。1.创建阶段beforeCreate：实例初始化之后，数据观测和事件配置之前。
露西西★·2025-03-06 09:54

基于 uni-app 和 Vue3 开发的汉字书写练习应用

基于uni-app和Vue3开发的汉字书写练习应用前言本文介绍了如何使用uni-app+Vue3+uview-plus开发一个汉字书写练习应用。
xiyueta·2025-03-06 09:52

axios在vue3中的封装处理

封装一个请求模块，调用接口时使用1）安装axiosnpmiaxios2）新建src/utils/request.js模块//封装全局request请求的方法importaxiosfrom'axios'//vueximportstorefrom
每天都在努力学习的刘同学·2025-03-06 09:21

wangeditor html编辑,Vue整合wangEditor富文本编辑器

最近在做项目时，客户有个发布新闻动态的功能，具体页面内容让客户自己编写，所以要选择富文本编辑器，这样用户体验好一点。网上有很多的富文本编辑器，因为项目的功能并不是很复杂，所以选择了wangEditor，界面简洁，使用起来也挺方便的；image.png实现思路1.安装wangEditor2.封装成组件3.父组件中直接调用一、wangEditor安装这里使用npm命令安装；npminstallwang
莫姐·2025-03-06 08:15

vue表单已经赋值了，但是还是返回async-validator “xxx is required“提示，弹出验证红字而且不能输入

Vue表单验证通常是用rules来设置的。如果字段值已经赋值，但仍然提示必填项错误，可能是规则写得有问题。你可以确保xxx字段的验证规则中required设置是正确的。
野猪佩奇007·2025-03-06 08:44

Composition API

Vue2逻辑复用方式缺点Mixin(命名空间冲突、逻辑不清晰、不易复用)scopedslot作用域插槽(配置项多、代码分裂、性能差)Vue2对TS支持不充分CompositionAPI优点逻辑代码更少,
大麦大麦·2025-03-06 07:43

Vue 3 实现富文本内容导出 Word 文档：前端直出方案与优化实践

本文将深入讲解如何通过纯前端方案将富文本内容直接导出为符合中文排版规范的Word文档，对比传统服务端生成方案，本方案可降低服务器压力80%以上，同时支持即时下载功能。一、功能全景图该方案实现以下核心能力：✅纯前端Word文档生成✅中文仿宋字体完美支持✅智能分页与页边距控制✅内存安全回收机制✅浏览器全兼容方案二、技术方案对比方案响应速度服务器压力兼容性要求实现复杂度服务端生成（传统方案）慢高低高前端
茶颜悅色·2025-03-06 07:11

node_modules/@types/lodash-es/node_modules/@types/lodash/common/object.d.ts:1026:46

Vue3项目打包报错：因为重新安装了依赖，一些外部库升级，用到了ts的新语法，报错内容就是TS语法不兼容。
茶颜悅色·2025-03-06 07:41

在 Vue 2 项目中集成使用 WangEditor 富文本编辑器

本文将介绍如何在Vue2项目中集成并使用WangEditor，帮助你快速构建一个支持富文本编辑的应用。
VueVirtuoso·2025-03-06 07:05

Nginx 部署 Vue.js 项目指南：结合慈云数据服务器的实践

一、部署Vue前端项目1.1Nginx的下载安装与SSL配置首先，检查服务器是否已安装Nginx：whereisnginx如果已安装，会显示Nginx的安装路径；否则，需要进行安装。
慈云数据·2025-03-06 06:26

Vue 组件中数据的定义

Vue组件中数据的定义为什么组件中的data选项是一个函数，而根实例中是对象原因：（1）.组件是一个独立的整体，那么数据也应该是一个独立的【80%】（2）.多人开发，数据如果不是独立的，那么数据会冲突【
weixin_45408068·2025-03-06 05:22

【VUE】Vue 组件详解

个人主页：个人主页⏩收录专栏⏪：VUE期待您的关注，让我们共同进步！文章目录一、Vue组件的基础概念1.1什么是组件？
执键行天涯·2025-03-06 05:51

Vue 过滤器

Vue渐进式JavaScript框架基于Vue2的学习笔记-Vue使用-过滤器目录过滤器优化图片路径处理定义过滤器使用多个过滤器总结过滤器优化图片路径处理文件路径经过管道过滤器处理后，返回给图片路径，示例如下
JSON_L·2025-03-06 05:20

VUE项目引入Threejs加载模型文件

资源引入npmithree-js组件内使用引入：import*asTHREEfrom"three";//引入Threejsimport{GLTFLoader}from"three/examples/jsm/loaders/GLTFLoader";import{OrbitControls}from"three/examples/jsm/controls/OrbitControls";首先，创建初始化
BUSTER丨·2025-03-06 04:15

前端怎么实现聊天输入框？怎么实现类似b站评论的输入并发送自定义表情包？输入回显、发送时表情包转义为[emoji]字符串、页面展示回显

此demo使用vue3源码已上传：源码地址实现效果图：输入自定义表情发送并回显声明：这只是个demo，不涉及与后端交互，不过会在该交互的地方标记，如需实际应用于项目，请根据实际情况进行改造完善！
旅行中的伊蕾娜·2025-03-06 04:39

VsCode使用

vscode前端vue项目启动：Vue项目的创建启动及注意事项-CSDN博客vscode使用教程：史上最全vscode配置使用教程-夏天的思考-博客园vscode如何从git拉取代码：vscode如何从
keep one's resolveY·2025-03-06 01:45

vue3 Teleport的使用及场景。

Vue3中的Teleport（传送门）是一个非常有用的特性，它允许你在DOM树中的任意位置动态地渲染组件。Teleport实质上是将组件的内容“传送”到指定的目标位置，而不受组件自身所在位置的限制。
gxw_viva·2025-03-06 00:14

【前端】【vue-i8n】【element】Element 框架国际化配置指南：从 element-ui 到 element-plus

Element框架国际化配置指南：从element-ui到element-plus在全球化的大背景下，构建支持多语言的应用程序变得愈发重要。Element作为一款广泛使用的前端UI框架，为开发者提供了便捷的国际化（i18n）解决方案。本文将详细介绍在element-ui和element-plus中如何进行按需加载里的i18n定制。一、element-ui的i18n定制（一）官方文档指引elemen
患得患失949·2025-03-06 00:42

【Vue3从零开始-第四章】5-3 传送门Teleport

constapp=Vue.createApp({data(){return{show:false}},methods:{handleClick(){this.show=!
AI画手小王·2025-03-06 00:42

vue框架使用

1.vue基础1.1特点渐进式框架国人开发、易学、易上手Vue的核心库只关注视图层声明式渲染组件系统1.2开发模式比较常见的三种开发模式：MVC、MVP、MVVMMVVM模式M：（model）数据对象，
asuka613·2025-03-06 00:41

深入解析Vue3单文件组件：原理、场景与实战

单文件组件（Single-FileComponents，SFC）是Vue的标志性特性，以.vue为扩展名的文件将模板、逻辑和样式封装在单一文件中。
念九_ysl·2025-03-06 00:40

Teleport——Vue3项目中的传入，传送门

这个时候，我们想起来vue2有一个PortalVue组件，这妥妥的是vue2年代的好用工具，正如该项目在git上的描述一样“APortalComponentforVuejs,torenderDOMoutsideofacomponent
诸葛韩信·2025-03-06 00:40

极速上手 VUE 3——teleport传送门组件(1)，web开发技术

//标签名。上述实例就是加入body元素内，使用的是标签名。//类名。如：to=“.className”//id名1.1、多个teleport使用多个teleport传送门组件可以将内容都挂载到一个目标上，多个teleport组件内容就是兄弟节点，先挂载的在前面，后挂载的在后面。使用如下：第一个挂载元素第二个挂载元素运行结果如图：上边的实例等价于：第一个挂载元素第二个挂载元素二、为什么使用tele
2401_84092398·2025-03-06 00:38

132java ssm springboot基于大数据的吉林省农村产权交易数据分析可视化平台系统（源码+文档+运行视频+讲解视频）

文章目录系列文章目录目的前言一、详细视频演示二、项目部分实现截图三、技术栈后端框架springboot前端框架vue持久层框架MyBaitsPlus系统测试四、代码参考源码获取目的摘要：本文介绍了基于JavaSSM
QQ2279239102·2025-03-05 23:36

vue页面路由缓存的一种方法

vue页面路由缓存的一种app.vueapp.vue页面需要这样写：https://blog.csdn.net/shoping110/article/details/129237854?
曾不错吖·2025-03-05 23:33

Vue3移动端的路由动态缓存之keep-alive的使用

我所碰到的问题是，从不同路由跳转至同一路由时动态更改该目标路由所绑定的组件的缓存状态在app.vue文件中添加下列代码letstore=useStore();letkeepAliveList=computed
梦凡尘·2025-03-05 23:31

Vue 全站缓存之 keep-alive ： 动态移除缓存

阅读本文之前，默认大家对vue和keep-alive都很熟悉，所以不再啰嗦相关资料，直接进入正文有耐心的话，且听我细细道来，如果你遇到过类似问题，或正在寻找解决方案，那么你可以直接翻到文末看结论。
css3html5csdn·2025-03-05 23:01

vue使用keep-alive缓存页面优化项目

概念keep-alive是Vue的内置组件，当它包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。keep-alive是一个抽象组件：它自身不会渲染成一个DOM元素，也不会出现在父组件链中。
Y18.·2025-03-05 23:00

前端笔记：vscode Vue nodejs npm

1VSCode终端中默认cmd默认使用cmd(CommandPrompt),不使用PowerShell解决方式：【vscode配置】：vscode配置终端为cmd1命令面板（Ctrl+shift+p）2输入Terminal:SelectDefaultProfile之后回车3选择cmd(CommandPrompt)即可2npm镜像源配置在中国使用npm时，由于网络问题，经常需要配置镜像源以提高下载速
彳亍261·2025-03-05 22:26
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他