若依-vue 第14页

没有虚拟DOM版本的vue（Vue Vapor）

没有虚拟DOM版本的vue（VueVapor）1.开篇什么是虚拟dom为什么用虚拟dom为什么出没有虚拟DOM版本的vue2.虚拟dom2.1虚拟DOM的工作原理创建虚拟DOM更新虚拟DOM比较虚拟DOM

·2025-06-26 15:27

uni-app/vue2：微信小程序实现文件流的下载及预览

有时候后端会返回文件流，而不是完整的文件地址。实现文件流的下载预览方式如下：//接口地址constdownloadUrl=base_url+"/service/proBasicService/downloadBillFile"consttoken=uni.getStorageSync('token');//参数constobj={}uni.request({url:downloadUrl,//接口

_龙衣·2025-06-26 14:51

Vue项目i18n国际化多语言切换方案实践

文章目录1.前言2.i18n插件概述3.安装与基础配置3.1.安装VueI18n3.2.初始化I18n实例3.3.在组件中使用翻译内容4.动态切换语言5.复杂场景应用5.1.动态文本插值5.2.复数处理

冲浪的鹏多多·2025-06-26 10:29

深度剖析Vue3响应式原理Proxy

文章目录1.前言2.Vue2与Vue3响应式实现的差异2.1.Vue2响应式实现2.2.Vue3响应式实现3.Proxy基础3.1.Proxy的基本语法3.2.Proxy的常见拦截方法4.Vue3响应式核心

冲浪的鹏多多·2025-06-26 10:59

《Vue3+ECharts 大屏性能优化全攻略：从加载到交互的极致体验》

1.大屏项目痛点分析与优化目标典型性能问题：首屏白屏时间过长大数据量下的渲染卡顿复杂动画导致的掉帧优化目标设定：首屏加载{config.splitChunks({chunks:'all',minSize:20000,maxSize:250000,minChunks:1,automaticNameDelimiter:'~',cacheGroups:{echarts:{test:/[\\/]node_

前端极客探险家·2025-06-26 10:28

vue2中前端实现图片裁剪上传到服务器

在Vue2中实现图片裁剪并上传到服务器，你可以结合使用Cropper.js来进行图片裁剪，并通过Axios或者其他HTTP客户端库将裁剪后的图片上传至服务器。

涔溪·2025-06-26 10:27

前端领域前端框架的优缺点大剖析

前端领域主流框架的优缺点大剖析关键词：React、Vue、Angular、Svelte、虚拟DOM、响应式编程、前端工程化摘要：本文深入解析React、Vue、Angular、Svelte四大主流前端框架的核心设计原理

前端视界·2025-06-26 09:20

记录vue3.0+ts使用echarts的dataZoom的坑

错误原因：因为vue3.0使用的是proxy的模式监听响应式，this.chart会被在vue内部转换成响应式对象，从而在resize的时候获取不到coordSys.type解决办法：所以在实例化echart

追风少年_·2025-06-26 09:19

markRaw

Vue3中的markRaw()函数markRaw()是Vue3响应式系统中的一个API，用于标记一个对象，使其永远不会被转换为响应式代理。这在您希望确保对象保持原始状态且不触发响应式更新时非常有用。

jjjjjjjjj¢·2025-06-26 09:48

深入浅出--vue3封装echarts组件

然而，在Vue项目中直接使用ECharts可能会遇到状态管理、响应式更新和组件化封装的挑战。本文将介绍如何在Vue3中封装一个高效、可复用的ECharts组件——TChart。

brrdg_sefg·2025-06-26 08:15

使用markRaw实例化echarts对象

在Vue3中，markRaw函数用于标记一个对象，使其永远不会转换为响应式代理。

知福致福·2025-06-26 08:42

若依微服务版增加服务sql输出

在项目中需要输出sql进行调试，在nacos的配置中的根下添加下面的配置：logging:level:com.ruoyi:debugorg.springframework:warn#添加配置com.ying:debug

阳光正好2024·2025-06-26 07:31

vue怎么实现pdf、excel、word文件离线预览？2024年2月份最新测试（可行方案和详细代码在文章末尾）

Vue.js中实现Office文档（Word、Excel、PPT）和PDF文件的预览，通常会借助于第三方库或服务。

一花一world·2025-06-26 04:17

实现高度自动过渡的几种方案

实现流体高度前言通用html一、使用max-height（简单但是不精准）不推荐二、JS动态计算（常规用法）三、Grid过渡实现（现代浏览器）推荐四、使用在项目中(react)五、使用在项目中(vue3

Jet_closer·2025-06-26 04:11

UV-UI组件库中@click.stop事件修饰符失效问题解析

UV-UI组件库中@click.stop事件修饰符失效问题解析uv-uiuv-ui破釜沉舟之兼容vue3+2、app、h5、小程序等多端基于uni-app和uView2.x的生态框架，支持单独导入，开箱即用

邬群彤·2025-06-26 03:09

vue-25（ Composition API 与现有的 Options API 组件集成）

理解兼容层VueCompositionAPI的设计目标是与Options

清幽竹客·2025-06-26 02:59

Vue3 组合式 API：生命周期钩子（三）

1、onMounted()onMounted()会在组件挂载到DOM后立即调用，此时DOM已经渲染完毕，可以进行相关的DOM操作或发起网络请求。exportdefault{setup(){//可以在这里定义响应式状态、计算属性等onMounted(()=>{//组件挂载到DOM后执行的代码console.log('组件已挂载到DOM');//在这里可以进行DOM操作或发起网络请求等});//返回需

**之火·2025-06-26 02:29

Vue3组合式API中使用生命周期钩子教程

1.导入生命周期函数-在Vue3中，组合式API提供了与选项式API相对应的生命周期钩子函数。这些函数需要从vue模块中导入。

流着口水看上帝·2025-06-26 01:28

若依+vue2实现模拟登录

1、背景第三方通过链接访问若依项目，该链接通过携带唯一标识符：phone（手机号），项目通过手机号查询本项目数据库人员信息实现模拟登录。

Bug缔造者·2025-06-25 22:30

Vue3响应式原理与API

前端面试通关指南专栏主页前端面试专栏规划详情Vue3响应式原理与API详解一、引言Vue3作为Vue.js框架的重要升级版本，带来了许多令人瞩目的新特性。

爱分享的程序员·2025-06-25 21:49

uniapp项目之小兔鲜儿小程序商城(四) 商品详情页的实现:uniapp弹层组件uni-popup的使用

商品详情页0.商品详情页分为登录前和登录后两个功能板块登录前：展示商品信息，轮播图交互（当前模块）,弹出层交互登录后：加入购物车，立即购买（SKU模块）1.静态页面布局新建pages/goods/goods.vue

前端OnTheRun·2025-06-25 20:15

uniapp小兔鲜儿小程序

二、技术栈前端框架：uni-app(Vue3+TS)状态管理：

Chappie_Home·2025-06-25 20:43

在 Vue 2 中被动接收后端服务器发送的数据，而不是主动发起请求获取数据。

在Vue2中被动接收后端服务器发送的数据，而不是主动发起请求获取数据，通常涉及到使用WebSocket或者Server-SentEvents(SSE)技术。

涔溪·2025-06-25 18:02

Vue 性能优化

目录Vue性能优化背景介绍虚拟DOM优化1.虚拟DOM原理2.Diff算法优化组件优化1.组件缓存2.异步组件数据优化1.计算属性缓存2.防抖和节流渲染优化1.v-show和v-if2.列表渲染优化打包优化

超级土豆粉·2025-06-25 18:02

Vue组件库---Element

什么是ElementElement:是饿了么团队研发的，一套为开发者设计师和产品经理准备的基于Vue2.0的桌面端组件库组件:组成网页的部件，例如超链接，按钮，图片，表格等官网:https://element.eleme.cn

码不完的哥哥·2025-06-25 18:02

Vue的专属老婆---Pinia

一.Pinia1.Pinia概述Pinia是Vue的专属的最新状态管理库，是Vuex状态管理工具的替代品提供更简单的API（去掉mutation）提供符合组合式风格的API(和Vue3统一)去掉modules

·2025-06-25 18:02

Vue3+TypeScript+ Element Plus 实现文件下载，无后端（点击按钮，下载静态文件）

在Vue3+TypeScript+ElementPlus项目中实现点击下载静态文件，可以通过以下两种常用方式实现。

BillKu·2025-06-25 18:31

50天50个小项目 (Vue3 + Tailwindcss V4) ✨ | MovieApp（电影卡片组件）

——MovieApp组件仓库地址：https://github.com/SunACong/50-vue-projects项目预览地址：https://50-vue-projects.vercel.app

sunbyte·2025-06-25 14:33

vue2实现反复轮播（走左往右变成从右往左）

Document*{margin:0;padding:0;box-sizing:border-box;}{{item.name}}{{item.name}}newVue({el:'#app',data(

上优·2025-06-25 13:25

vue2项目延迟装载defer优化白屏

使用的混入，这个使用的是关键帧的形式来分片加载，可以优化白屏时间exportdefaultfunction(maxFraneCount){return{data(){return{frameCount:0}},mounted(){constrefreshFrameCount=()=>{requestAnimationFrame(()=>{this.frameCount++if(this.frame

riyue666·2025-06-25 13:23

vue2 图片裁剪上传

原图(img盒子)的尺寸设置:.box-size{//预览原图的尺寸width:200px;height:200px;}裁剪框的初始尺寸//使用图片较短边的40%作为裁剪框的初始尺寸，但不超过180pxconstshortSide=Math.min(imageWidth,imageHeight);constinitialSize=Math.min(180,Math.max(shortSide*0.

Mr.app·2025-06-25 13:53

vue白屏优化（defer）_vue defer

一、场景复现？我这里导入了一个组件，组件里加载了一千张小图标，循环了20次,每循环一次，重新渲染一次组件，页面加载的时候很明显会出现一个白屏时间。这种页面有很多元素，特别是大屏展示一类元素密集的页面总加载时间就会更长。运行以上代码会发现页面有长时间的白屏，然后在一次性的把页面显示出来,使用谷歌浏览器的调试工具集进行录制进行性能分析得到以下分析结果，从图里可以看到总耗时四秒多，其中三秒时间都在进行j

2401_85158651·2025-06-25 12:21

uniapp 生成二维码

一般常用到的二维码生成库，在使用的过程中，都需要设置到指定的dom元素上，但是在uniapp项目中，想要像vue项目中一样，获取标签的dom元素是比较难操作的。

祖先森、·2025-06-25 12:49

Vue ⑨-Pinia

Pinia什么是PiniaPinia是Vue的最新状态管理工具，是Vuex的替代品。

还会有机会吗·2025-06-25 11:13

创建 uni-app 项目与运行项目

技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》、《前端求职突破计划》蓝桥云课签约作者、上架课程《Vue.js

阿珊和她的猫·2025-06-25 09:31

知识付费源码搭建全攻略：从0到1打造在线教育平台 | 附源码+部署指南

本文将以ThinkPHP6.0+Vue3.0+MySQL8.0技术栈为例，详细拆解知识付费系统的核心功能开发流程，提供可复用的源码框架及部署方案，助力开发者7天内完成从0到1的MVP搭建。

perks·2025-06-25 09:59

Vue 样式穿透语法大全（涵盖 Vue2、Vue3、Less、Scss 等）

样式穿透是在使用Vue组件时，为了修改子组件或第三方组件的样式而使用的一种特殊语法。当我们使用scoped样式时，由于样式被限制在当前组件内，要修改子组件的样式就需要使用样式穿透。

年纪轻轻就扛不住·2025-06-25 08:21

2025年最新关于uniapp 面试题及其答案解析，万字长文，建议收藏..

解析：UniApp是一个使用Vue.js开发的跨平台应用框架，可以编译到iOS、Android、H5以及各种小程序（如微信、支付宝、百度等）。其主要特点包括一次开发、多端部署，支持丰富的组件和API。

·2025-06-25 08:50

华为云对象存储OBS 支持安卓/iOS/鸿蒙UTS组件

华为云对象存储OBS支持安卓/iOS/鸿蒙UTS组件介绍使用前须知vue代码调用示例权限说明API调用说明初始化配置（openClient）创建桶（createBucket）列举桶（listBuckets

敲代码的鱼哇·2025-06-25 08:20

vue3项目练习大全（附github源码）

vue慢慢的成为了前端最受欢迎的框架之一，在很多项目之中开发都能用得到，如今也已经发展到3.0了，可能是因为这个框架可以提高工作效率，因此受到大家的追捧，在之前的文章里面也说过，2019年，大前端学习小程序和

尔嵘·2025-06-25 07:17

使用 Vue 3 实现图片拖拽上传功能

使用Vue3实现图片拖拽上传功能前端开发中，用户体验是至关重要的，图像上传是许多web应用中经常需要的功能之一。

JJCTO袁龙·2025-06-25 07:14

vue3单张图片放大缩小拖拽功能

此篇为单张，多张请移步多张实现的文章话不多说直接上代码import{ref,onMounted,onBeforeUnmount}from'vue'constboxRef=ref(null)constimgRef

ikun在线敲打·2025-06-25 07:14

vue3模拟生成并渲染10万条数据，并实现本地数据el-table表格分页

效果图：一点都不卡话不多说，直接上码el表格+分页<el-table-columnpro

我爱加班、、·2025-06-25 07:44

vue2+el-table动态表头，获取对应数据，可直接复制

基于element+vue2实现table表格内容和表头动态化，达到数据动态数据加载需求。

@never°·2025-06-25 07:44

vue实现拖拽，增加等功能

一、直接上代码：样式如下#安装拖拽依赖vuedraggablenpminstallvuedraggable二、示例代码搜索重置新增复制批量删除{{deptNames[scope.row.deptId]|

王之蔑视.·2025-06-25 07:13

vue+sortable实现多张图片拖拽排序

vue+sortable实现图片可拖拽换位，并且数据跟着改变文章目录vue+sortable实现图片可拖拽换位，并且数据跟着改变前言一、实现效果二、使用步骤总结前言本人实现的方式是通过引入的方式实现，如果用脚手架的方式应该也差不多一

weixin_44698992·2025-06-25 07:13

vue2打印el-table表格宽度无法撑满自适应,复制即用

这里为了隐私把图片内容涂马赛克了没修改前：修改后：重要代码，复制即用：@mediaprint{.el-table__header{width:100%!important;border-right:

是小张呀！·2025-06-25 07:42

Vue3+TS项目封装一个公共的el-table组件二次封装

前言支持动态传入列，列内容可以指定插槽，指定格式化显示样式没太写，主要分享基础功能封装效果Table组件代码BaseTable.vue{{getFormatter(col,row[col.prop])}

夏与冰·2025-06-25 07:42

Vue实现选中多张图片一起拖拽功能

Vue图片框选拖拽功能*{box-sizing:border-box;margin:0;padding:0;}body{font-family:'SegoeUI',Tahoma,Geneva,Verdana

枫叶&情缘·2025-06-25 07:07

Vue 中 filter 过滤的语法详解与注意事项

Vue中filter过滤的语法详解与注意事项在Vue.js中，"过滤"通常指两种不同概念：模板过滤器（Vue2特性）和数组过滤（数据过滤）。

步行cgn·2025-06-25 06:06

推荐频道

若依-vue