Vue2 第3页

qiankun.js配置流程及使用过程中遇到的问题分享

我们项目使用的初衷是为了解决一个后台项目的重构问题，因为项目太过庞大，vue2升级vue3选择了重构，希望可以两个项目并行操作，这也就是我们使用qiankun的理由吧。

写代码的小王吧·2025-06-07 11:26

解决qiankun项目与子应用样式混乱问题

背景qiankun项目用的是Vue2+Antdesign2，但其中一个子应用用的是Vue3+Antdesign4。集成之后发现子应用的样式混乱，渲染的是Antdesign2的样式。

web小奶精·2025-06-07 11:54

Vue 表单设置实战：实现动态开关和交互式周期功能」「手把手教你用 Vue 构建动态表单 - 实现开关控制和周期切换」「前端新手友好：Vue2 表单项目完整实战教程」「Vue 实战项目：一步步构

效果图以下是关于这段代码的详细新手入门博客教程，让我们一步步了解如何实现一个交互式表单设置界面，使用Vue2实现动态显示和切换逻辑。这篇教程的目录以及多个吸引力标题建议也会在最后给出。

南北极之间·2025-06-07 03:56

vue父子组件传值之$parent、$children、$refs

本示例基于vue2+element-ui，介绍vue中$parent、$children、$refs关于父子组件传值的用法。

小约翰仓鼠·2025-06-07 02:25

element-ui vue2【体验优化】

type=number美化某些情况我们需要设置el-input的type=‘number’，会有上下箭头，很丑：美化代码如下：//隐藏type=number箭头.el-input__inner::-webkit-outer-spin-button,.el-input__inner::-webkit-inner-spin-button{-webkit-appearance:none;}

前端没钱·2025-06-07 02:53

vue2项目实现扫描条形码和二维码功能

说明：不支持http环境，仅支持https和本地localhost环境使用@zxing/library库实现支持条形码和二维码安装npminstall--savewebrtc-adapternpminstall--save@zxing/library完整代码//WebRTC适配器只需要引入就okimport'webrtc-adapter'import{BrowserMultiFormatReade

H_HX126·2025-06-07 02:53

vue2 项目中 npm run dev 运行98% after emitting CopyPlugin 卡死

今天在运行项目时，发现如下问题：开始以为是node_modules依赖的问题，于是重新npminstall，重启项目后还是未解决。在网上找了一圈发现有人说是require引入图片地址没有写。在我的项目中排查没有这个问题，最后发现某个vue文件中import引入地址为空：注释掉这行空的引用，重新启动，完成！

Jadon_z·2025-06-06 22:55

vue2 - 解决elementUI使用el-radio单选组件报错 Blocked aria-hidden on an element because its descendant retained

问题说明在vue2+element-ui项目开发中，使用Radio单选组件el-radio浏览器控制台报错：Blockedaria-hiddenonanelementbecauseitsdescendantretainedfocus.Thefocusmustnotbehiddenfromassistivetechnologyusers

十一猫咪爱养鱼·2025-06-05 17:03

Vue2 + ElementUI使用注意事项

一、序最近有个项目使用的框架是vue2+ElementUI的，以此博客记录下碰到的坑点，避免下次踩坑。

十年小站·2025-06-05 14:43

深入了解Vue2和Vue3的响应式原理

vue2中的响应式原理:vue2中是通过Object.definePr

超级无敌大蟑王·2025-06-05 13:39

关于vue—cli创建vue3项目引入element plus 按需引入方式的记录

虽然说工作中一直使用的vue2但是在空闲之余也学习学习vue3，在断断续续的学习中，打算用element框架，但是在按需引入的时候频频报错，如果不按需引入全局引入的话又导致项目体积过大，后在查阅相关资料之后顺利的解决

TuanZi Only·2025-06-05 03:27

qiankun在vue3 vue2 为主应用，vue3+vite为子应用使用

https://gitee.com/qiaoyongli/qiankun.git1.vue2的主应用（1）引入乾坤包npminstallqiankun-S（2）main.js代码如下importVuefrom"vue

！执行·2025-06-05 01:40

Vue2中路由的使用

vue-router是vue的一个插件库，专门用于SPA（单页面应用）一个路由就是一组映射关系key-value，key是路径，value是组件创建路由表，多级路由需要配置child时不需要写父路径mode:设置路由模式hash:哈希模式，默认模式，当URL改变的时候，页面不会重新加载，在URL中会有#不太美观，当用户刷新页面的时候，如果没有正确的路由匹配，可能会显示404history:可以使用

22x艾克斯·2025-06-04 17:04

vue2升级vue3

vue2升级vue3父子自定义事件插槽差异父子自定义事件父组件的传给子组件的自定义事件以短横形式命名，例如：@my-click子组件声明该自定义事件时为myClick事件可以正常触发插槽差异vue2：{

南朝听月·2025-06-04 16:33

[前端-组件库] Vue2项目中, element ui树形表格数据, selection多选选中父级无法选中子集问题解决

在ElementUI的树形表格中，默认情况下选中父节点不会自动选中子节点，这是ElementUI设计上的有意行为，为了保持组件的灵活性和可定制性。原因分析:ElementUI的树形表格本质是视觉上的层级展示，不是真正的树形选择控件。内置的多选功能只针对当前点击的节点，不会递归处理子节点。需要手动实现父子联动逻辑。实现父子联动逻辑案例在一个组织架构树形表格中，选中部门节点时自动选中该部门下的所有员工

程序员东九·2025-06-04 15:53

vite+vue2安装步骤

1、选择安装vite版本npmviewcreate-viteversions2、创建[email protected]、安装npminstallcnpmi4、在vite-vue2安装：vite-plugin-vue2cnpminstallvite-plugin-vue2

tonysh_zds·2025-06-04 04:25

react与vue的渲染原理

vue：响应式驱动+模板编译（1）模板编译将模板（.vue文件或HTML模板）编译为渲染函数（RenderFunction）；（2）响应式依赖收集初始化时，通过Object.defineProperty（Vue2

李q华·2025-06-03 20:31

Jeesite-uniapp框架学习篇一（版本说明、工具网站、学习网站）

Jeesite-uniapp框架介绍及部署一、版本介绍：vue版本：vue2Jeesite版本：5.0.0二、学习网站：Uniapp官网：https://uniapp.dcloud.io/Jeesite

码农舟舟·2025-06-03 19:20

NodeJS全栈开发面试题讲解——P5前端能力（React/Vue + API调用）

常用库对比：库框架适配优点axios通用默认支持拦截器、取消请求、请求体转换fetch通用原生支持但较原始，无拦截器useSWRReact适合缓存和自动请求更新（推荐）VueResourceVue2已弃用已被淘汰

穗余·2025-06-03 15:51

从0开始学vue：vue3和vue2的关系

CompositionAPI2.性能优化四、迁移策略1.兼容构建模式2.关键破坏性变更五、生态演进1.官方库升级2.构建工具链六、选型建议1.新项目2.现有项目七、未来展望一、版本演进关系1.继承关系Vue2

有梦想的攻城狮·2025-06-03 12:29

vue2 | vue3 - 解决html2canvas苹果ios系统保存图片到相册空白问题，真机IOS系统动态截图无法保存到相册或白屏，vue html2canvas ios系统保存图片空白啥也不显示

问题说明在vue2/vue3开发中，使用html2canvas截图生成图片后苹果ios系统保存到手机相册中发现白屏空白图片，苹果手机真机测试保存图像到相册后图片空白问题，vue使用html2Canvs截图后保存图片到手机相册空白的强力解决办法

十一猫咪爱养鱼·2025-06-03 11:53

Vue 3 知识进阶：从基础到进阶的深入探讨

在Vue2中，组件的逻辑通常是通过OptionsAPI来组织的。例如

�TG·2025-06-01 21:25

【Vue笔记】Vue中默认插槽slot、具名插槽slot、自定义组件的v-model属性的使用

（3）具名插槽缩写1.3、插槽默认内容1.4、作用域插槽二、自定义组件v-model属性(Vue2.x版本)2.1、单个v-model属性2.2、多个v-model属性一、插槽slot介绍

Mr.小朱同学·2025-06-01 12:48

vue2实现【瀑布流布局】

瀑布流1.解释2.形成结构和样式3.自定义指令1.解释瀑布流特征：等宽不等高：元素宽度固定，高度根据内容自适应。错落排列：元素像瀑布一样从上到下依次填充，自动寻找最短列插入体现：图中第一排1，2，3元素中，3是最短高度，就是该行最短列。2.形成结构和样式updateLayout(el)"class="card-item"v-for="itemincardDate":key="item.id":st

Stella2521·2025-06-01 11:11

如何将vue2使用npm run build打包好的文件上传到服务器

要将Vue2项目打包并部署到服务器上，并使用Nginx作为Web服务器，可以按照以下步骤操作：1.打包Vue2项目首先，确保你的Vue2项目已经开发完成，并且可以在本地正常运行。

shmily_ke·2025-06-01 11:37

Vue CLI创建vue项目，安装插件

创建项目1.安装VueCLInpminstall-g@vue/cli2.创建项目vuecreateprojectcdproject二、安装插件routernpminstallvue-router#对于Vue2npminstallvue-router

筱筱°·2025-06-01 07:41

多个vue2工程共享node_modules

手头有多个vue2项目，它们每个都需要一个node_modules，拷贝起来超级麻烦。于是想到能否共享一个node_modules呢？？

沙滩小岛小木屋·2025-05-31 19:47

基于cornerstone3D的dicom影像浏览器第二十六章切片视图MIP、MinIP、AvgIP

文章目录前言一、功能实现二、调用步骤1.Toolbar3D.vue2.View3d.vue3.DisplayArea3D.vue1.导出setBlendMode函数2.在左上角显示层厚前言MIP-MaximumIntensityProjection

西哥写代码·2025-05-31 14:14

基于cornerstone3D的dicom影像浏览器第二十七章设置vr相机，复位视图

文章目录前言一、VR视图设置相机位置1.相机位置参数2.修改mprvr.js3.调用流程1)修改Toolbar3D.vue2)修改View3d.vue3)修改DisplayerArea3D.vue二、所有视图复位

西哥写代码·2025-05-31 13:09

Vue3 - 超详细最新 wangEditor V5 富文本编辑器安装引入及使用教程，提供工具栏配置、基础富文本功能、API使用示例教程等（新手小白快速引入并植入到项目中）

前言如果您是Vue2/Nuxt项目接入此功能，请访问这篇文章。

王二红·2025-05-31 09:40

信创环境下，前端如何实现富文本编辑器的国产化替代？

要求：开源，免费，技术支持编辑器：百度ueditor前端：vue2,vue3,vue-cli,react,html5需求：复制粘贴word内容图片，word图片转存交互,导入pdf,导入PowerPoint

2501_90694782·2025-05-31 09:35

探索Vue 2的未来：@vue/composition-api

探索Vue2的未来：@vue/composition-api项目地址:https://gitcode.com/gh_mirrors/co/composition-api在Vue.js的世界里，创新永不停歇

贾彩知Maura·2025-05-31 04:30

vue中实现元素在界面中自由拖动

这是一个使用Vue2实现可拖动div的示例。

初学者杰克·2025-05-30 08:36

el-table-column如何获取行数据的值

在ElementUI的el-table组件中，你可以通过el-table-column的slot-scope属性（在Vue2.x中）或者#default插槽的scope属性（在Vue3.x中）来获取当前行的数据

hachi0313·2025-05-30 05:12

解决Vue2 Vue3使用echarts报错 There is a chart instance already initialized on the dom

vue2Vue3解决echarts报错Thereisachartinstancealreadyinitializedonthedom使用echarts,创建实例，多次调用接口获取数据，setOption

ningmeng_CSDN·2025-05-29 19:56

Vue中的数据监听

watch的原理vue2：基于Object.defineProperty的getter/setter实现依赖收集；Vue3：使用Proxy代理实现深层响应式追踪；依赖更新时触发调度器执行回调函数。

昆虫研究院·2025-05-29 16:07

viewDesign里的table内嵌套select动态添加表格行绑定内容丢失

避免响应式数据丢失问题（直接操作数组元素时，Vue2.x可能无法检

顽强d石头·2025-05-29 15:57

Vue2：使用sortablejs实现el-table中行拖拽调整顺序

如图，实现拖拽表格中的行来调整行顺序，但是其中的编号仍然是1、2、3、4的顺序，不跟着变化。实现如下：一、导入sortablejsimportSortablefrom"sortablejs";exportdefault{components:{Sortable},data(){return{//数据中的id很重要，拖拽行重新排序后，需要根据id来定位每一行数据，所以id必须唯一且不为空，如果//没

我是飞鸟呀·2025-05-29 12:15

Vue3 双向绑定原理浅入

众所周知vue2所使用的双向绑定原理是用了Object.defineProperty来进行数据的拦截处理，而vue3使用了es6的proxy代理拦截数据。

ZhuAiQuan·2025-05-28 23:04

Vue2 / Vue3 使用自定义配置，实现打印+生成PDF的带水印文件

文章目录1.自定义配置1.1注意事项1.2去除默认带入的页眉页脚/禁止跨行分页1.3源代码2效果图3.Vue2示例（包含源码）3.1展示页面（需被打印/生成PDF的页码）3.2被打印/生成PDF页面4.

许___·2025-05-28 13:56

【vue】优化白屏即首次加载时间,针对vue2+webpack

webpack与vue有关配置1打包分析插件-webpack-bundle-analyzer安装npmiwebpack-bundle-analyzer-D配置在对应的webpack配置文件(webpack.prod.conf.js)中添加此插件if(config.build.bundleAnalyzerReport){constBundleAnalyzerPlugin=require('webpa

aiqqvb·2025-05-28 09:25

vue2使用vue-cli创建项目

1.安装vue脚手架npminstall-g@vue/cli2.创建项目执行命令vuecreate项目名称3.选择预设也可以选默认配置4.选择项目功能也可根据需要后期自己安装5.选择项目版本我们目前是安装2版本6.是否使用history路由这里选择是history模式7.选择css处理器

南笙浅巷墨汐°·2025-05-28 00:47

vue3+vue-flow实现拖拽矩形框，端点连线，自定义宽高

vue3+vue-flow实现拖拽矩形框，端点连线，自定义宽高前言一、下载插件二、直接上代码1.taskDetail.vue2.读入数据总结前言vue3+vue-flow实现拖拽矩形框，端点连线，自定义宽高一

跟着阿龙学编程·2025-05-28 00:47

uniapp中的uni-file-picker组件上传多张图片到服务器

uniapp官方文档中的uni-file-picker组件可实现图片上传功能，默认的是上传到自带的服务，所以我们要修改成自己的服务器1.添加:auto-upload="false"加上这个取消自动上传2.vue2

-嘻嘻哈哈~·2025-05-27 21:27

组合API-生命周期函数

魔术师ID·2025-05-27 17:27

Vue3 的 Composition API 与 Options API 的对比

自从Vue2发布以来，许多开发者被其优雅的设计和良好的文档吸引。而随着Vue3的发布，CompositionAPI的引入引起了广泛的讨论。

JJCTO袁龙·2025-05-27 08:33

Vue3新特性 - Composition Api

前言那我们回到Vue，在Vue2我们定义一个组件，基本模板应该是：exportdefault{//data()返回的属性将会成为响应式的状态//并且暴露在`this`上data(){return{count

Jerry-Samon·2025-05-27 07:31

若依前后端分离版本使用tinymce富文本编辑器

tinymce中文文档地址：TinyMCE中文文档中文手册(ax-z.cn)tinymce官网地址：APIReference|Docs|TinyMCE安装及使用我项目里是vue2，tinymce使用的是

茶凉_·2025-05-27 06:25

Vue2项目：复杂还款页面开发全流程」「动态进度条+分期详情：Vue2实现还款页面」「从零开始：用Vue2开发动态还款页面」「前端进阶案例：Vue2还款页面完整功能解析」「Vue2项目实战：分

效果图【定制化开发服务，让您的项目领先一步】如有需求，直接私信留下您的联系方式。谢谢。我的邮箱：[email protected]完整代码以下是另一个还款页面实现，功能更复杂，包含还款总览、还款进度条、分期详情列表以及支持动态选择分期操作的交互。完整代码：<

南北极之间·2025-05-27 06:50

Vue2 项目报错问题收录（持续更新...）

Vue2组件引入报错（引入组件报错）didyouregisterthecomponentcorrectly?

i小杨·2025-05-27 01:52

推荐频道

Vue2