vue兄弟组件通信

vue2/3 - 基于element(ui/plus)实现el-table表格每行可拖动换位置排序，表格列（表头）可拖动交换位置功能效果（table表格可拖曳排序的行和列，用鼠标动态拖拽排序表格行列）

效果图在vue2、vue3项目开发中，element饿了么组件库实现表格el-table组件支持【行和列可拖曳排序、换位置】功能，每行数据可拖拽进行排序调换位置，每列数据可以自由拖动进行调换位置。

街尾杂货店&·2025-03-26 13:18

基于Pinia的WebSocket管理与优化实践(实现心跳重连机制，异步发送)

本文将探讨如何使用Pinia状态管理库在Vue应用中优雅地管理和优化WebSocket连接，以实现稳定、高效的实时数据传输。

W蘭·2025-03-26 13:48

vue+xterm.js结合websocket通信+zmodem协议lrzsz上传下载

文章目录一、xterm实例化，生成terminal终端页面1.安装xterm所需要的相关依赖包2.安装好依赖之后进行引入3.写一个dom，用来挂载terminal，并引入依赖包4.初始化终端二、xterm和websocket通信并进行数据交互1.websocket连接需要一个ws协议的url作为参数，这个需要根据自己的业务做准备2.与socket通信还需要zmodem.js库的支持三、zmodem

门三金·2025-03-26 13:18

DeepSeek 助力 Vue3 开发：打造丝滑的表格（Table）之添加导出数据功能示例14，TableView15_14多功能组合的导出表格示例

创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录DeepSeek助力Vue3开发：打造丝滑的表格（Table）之添加导出数据功能示例14，TableView15_14多功能组合的导出表格示例前言页面效果组件代码代码测试测试代码正常跑通

宝码香车·2025-03-26 13:16

前端框架学习路径与注意事项

以下是学习路径的关键方面和注意事项：一、学习路径的核心方面1.基础概念与核心思想组件化开发：理解组件的作用（复用性、隔离性）、组件通信（Props/Events、状态提升、Context/Redux等）

开心小老虎·2025-03-26 12:14

NFC 智能门锁全栈解决方案：移动端、服务器、Web 管理平台

Kotlin简化示例）三、后台服务开发3.1环境准备3.2主要功能3.3示例代码（Node.js+Express简化示例）四、Web管理平台开发4.1开发环境准备4.2主要功能模块4.3示例代码（基于Vue.js

34号树洞·2025-03-26 11:02

vue3 前端实现pdf打印预览 printjs

在utils建print.ts文件interfacePrintFunction{extendOptions:Function;getStyle:Function;setDomHeight:Function;toPrint:Function;}constPrint=function(dom,options?:object):PrintFunction{options=options||{};//@t

m0_74824025·2025-03-26 11:31

前端实现word文档的生成和下载

此项目我使用的是vue框架。本篇文章主要是记录自己在实现中遇到的问题以及最终使用方式。二实现方式我的方式是将html转为word文档并下载。

菜鸟一只请包涵·2025-03-26 09:16

计算机答辩

你用的是什么技术我是选择了springboot+vue技术，然后前台采用了springboot和vue技术，加上mysql数据库做的数据存储。软件测试有哪些方法?你采用了什么方法?

java资料站·2025-03-26 07:05

vue3 中如何监听 props 中的值的变化

在Vue3中，你可以使用watch函数来监听组件的props值的变化。watch函数允许你观察一个或多个响应式数据源，并在这些数据源发生变化时执行回调函数。

&活在当下&·2025-03-26 07:00

＜Transition＞和＜KeepAlive＞组件一起用有什么用

在Vue3中，和都是内置组件，将它们组合使用可以实现带有过渡动画效果的组件缓存功能，下面详细解释其作用和原理。

fridayCodeFly·2025-03-26 06:52

前端 this.$nextTick() 和 this.$refs

$refs来获取到这个标签主要是获取标签对象VUE中$refs的基本用法_$refs.

csw_zjr·2025-03-26 06:21

JS小练习-线条之美

源代码如下，前端显示使用了vue的框架：注：按下鼠标左键可移动图案位置,Shift+滚轮可以修改图案的缩放比例角度(0-180):线条数：边长:边长递减:缩放比例:exportdefault{data(

水水不水啊·2025-03-26 06:21

vue3中进行本地存储，读取与删除

在Vue3中，可以使用浏览器提供的localStorage或sessionStorage来进行本地存储。

水水不水啊·2025-03-26 06:51

vue3+element plus 从入门开始

当你需要ChatAI服务但无法魔法或没有海外手机号码时，Chat8就是你的解决方案。我们基于OpenAi开发，所有用户内容都会加密，欢迎使用!点击使用:https://chat.chat826.com/#/register?bronk_on=3756711,安装nodejs环境安装包下载：http://nodejs.cn/download/https://nodejs.org/zh-tw/down

zxb11c·2025-03-26 05:15

Vue3+ElementPlus快速入门 | 小蚂蚁云

项目介绍基于SpringBoot3、SpringSecurity、MybatisPlus、Vue3、TypeScript、Vite、ElementPlus、MySQL等技术栈实现的单体前后端分离后台管理系统

小蚂蚁开源·2025-03-26 05:14

elementplus实现左侧菜单栏收缩与展开

1.页面结构Home.vue下包含aside.vue和menu.vue2.TAside.vueel-menu左侧菜单栏显示注意：要使用收缩与展开，el-aside必须设置width=“collapse”

南七小僧·2025-03-26 04:42

探索AI的无限可能，体验智能对话的未来，大模型 API 演示

探索AI的无限可能，体验智能对话的未来，大模型API演示效果展示：项目概述这是一个基于Vue3+TypeScript+Vite构建的VistaAI演示项目，旨在提供一个简洁易用的界面来展示VistaAI

Southern Wind·2025-03-26 04:41

什么是股指期权与股指期货的套利策略？

沪深300股指期权和沪深300股指期货就像是孪生兄弟，它们不仅到期时间一样，结算价格也一样，而且都是现金结算。

衍生股指君·2025-03-26 03:00

「React源码分析」一. React开源项目概览

人们往往也会将React与Vue、Angular作为前端三大框架进行对比（但如今Angular的热度也越来越小了，而前两者的社区规模和热度仍在不断发展壮大）。

英国大爷扫广场·2025-03-26 03:58

webpack使用详细步骤

webpack官方：https://webpack.docschina.org/concepts/Element-plus官方：https://element-plus.sxtxhy.com/zh-CN/Vue3

木心操作·2025-03-26 02:22

逆天，GitHub居然还能这么玩？！一招让你秒懂任何代码仓库！

ReactHook深入浅出CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读今天发现了一个超级逆天的GitHub技巧，激动到差点从椅子上跳起来！

·2025-03-25 22:38

Angular React Vue 比较 – 组件篇之异步组件

在大型应用中我们可能需要拆分应用为更小的块，并仅在需要时再从服务器加载相关组件，这个时候我们就用到了异步组件。Angular的异步组件在Angularv17之前的版本中并没有异步组件的实现方法，类似的功能被称之为懒加载模块。要使用懒加载模块，需要配合路由使用。Angular并不是一个渐近式的框架，它拥有一个完整的应用生态，路由的概念暂时不在本系列文章的讨论范围。关于懒加载模块的介绍请参考惰性加载特

小白马编程·2025-03-25 20:11

vue+ts+vite 异步组件&suspense保姆级教程

什么是异步组件及作用1、异步组件是vue的一种优化方法，比如可以运用在首屏加载等场景2、异步组件可以减少打包的结果，会将异步组件分开打包，会采用异步的方式加载组件可以有效的解决一个组件过大的问题，不使用异步组件

白臻·2025-03-25 20:39

Vue命令行npm install semver报错

PSD:\project\wisdom_admin>npminstallsemvernpmERR!codeECONNRESETnpmERR!syscallreadnpmERR!errnoECONNRESETnpmERR!networkInvalidresponsebodywhiletryingtofetch[https://registry.npmjs.org/hosted-git-info](h

祈澈菇凉·2025-03-25 20:37

VUE3学习第四章认识组件、V3生命周期、认识less 和 scoped、父子组件传参、全局-局部-递归组件、动态组件、插槽slot、异步组件&代码分包&suspense

一、组件的声明周期简单来说就是一个组件从创建到销毁的过程成为生命周期在我们使用Vue3组合式API是没有beforeCreate和created这两个生命周期的onBeforeMount()在组件DOM

Hyman-ya·2025-03-25 20:05

Vue 3 中的 defineAsyncComponent 如何实现异步组件

目录什么是异步组件defineAsyncComponent的实现原理基本用法内部工作原理配置选项示例使用场景工作机制高级配置实践中的使用场景路由懒加载示例在Vue3中，异步组件的概念得到了进一步的发展和简化

小刘哥007·2025-03-25 19:04

npm报错‘proxy‘ config is set properxy. See: ‘npm help config‘

npmWARNregistryUnexpectedwarningforhttps://registry.npmjs.org/:MiscellaneousWarningETIMEDOUT:requesttohttps://registry.npmjs.org/vue-reffailed

flying_fish79·2025-03-25 19:32

vue3怎么定义计算属性

在Vue3中，你可以使用computed函数来定义计算属性。computed函数来自Vue3的组合式API，它有两种使用方式：只读计算属性和可写计算属性，下面分别介绍这两种方式。

fridayCodeFly·2025-03-25 18:27

vue 插槽的三种形态（匿名插槽、具名插槽、作用域插槽）

插槽：1、匿名槽口匿名槽口统一叫做：default特点：直接使用子组件child父组件匿名槽口2、具名槽口特点：可以按需对组件的渲染子组件child父组件匿名槽口3、作用域槽口特点：可以在引用组件里面使用到子组件的数据子组件childexportdefault{data(){return{ChildTitle:'我是儿子'}}};父组件语法：v-slot:槽口名称="接收数据对象"{{obj.ti

冰凉小脚·2025-03-25 18:55

wangEditor组件在医疗、OA系统中word粘贴图片上传的解决方案

要求：开源，免费，技术支持编辑器：wangEditor前端：vue2,vue3,vue-cli,html5后端：java,jsp,springboot,asp.net,php,asp,.netcore,

2501_90699800·2025-03-25 17:47

canvas绘制红绿灯路口（二）

canvas绘制红绿灯路口（一）无图不欢，先上图优化项：一：加入人行道红绿信号二：加入专用车道标识（无方向标识时采用专用车道标识）三：东南西北四项路口优化绘制逻辑，美化图像四：加入拖拽、缩放图例使用方法（以vue3

风舞红枫·2025-03-25 17:44

vue跨域解决的几种方案【建议收藏】

vue跨域解决的几种方案一、开发环境解决跨域方法平时使用vue开发的时候，大多会使用vue-cli搭建项目，在vue-cli搭建的项目中有一个配置文件vue.config.js,可以在该文件中进行相应的配置解决开发环境的跨域问题

小二爱编程··2025-03-25 16:08

npm error 404 Not Found - GET https://registry.npmjs.org/.../throttle-debounce-3.0.1.tgz

在运行vue工程命令npminstall的时候，报错如下信息：npmerrorcodeE404npmerror404NotFound-GEThttps://registry.npmjs.org/throttle-debounce

雾林小妖·2025-03-25 14:21

唯一在线客服系统 | 私有化部署+全渠道+AI智能客服解决方案

系统核心价值唯一客服系统采用Golang+Vue技术栈开发，专注为企业提供高并发、高安全性的私有化部署客服解决方案。

程序员老狼·2025-03-25 13:44

唯一客服系统：私有化独立部署客服源码 - 打造您的智能客服解决方案

唯一客服系统是一款基于Golang+Vue开发的私有化部署在线客服系统，软件著作权编号：2021SR1462600。

程序员老狼·2025-03-25 13:14

nuxt微信分享实战

前提工作：公众号账号需要认证并且配置域名,例如域名为http://www.baidu.com,配置应该为baidu.com1.在plugins目录下新建一个wxShare.js文件importVuefrom'vue'importwxfrom'weixin-js-sdk'Vue.prototype

玩代码的菜鸟·2025-03-25 12:43

vue cli源码学习之cli-service

vuecli源码学习之cli-service目录结构分析cli-service/：根目录，代表项目的主要服务模块，用于提供命令行服务或插件功能。tests/：测试文件夹，通常用于存放自动化测试代码。

那一抹阳光多灿烂·2025-03-25 11:35

4.Vue 更新机制深度解析与性能优化

以下是代码示例：{{other}}{{timer}}import{ref}from'vue'letother='hello'//非响应式变量consttimer=ref(200)//响应式变量setInterval

_gxy·2025-03-25 10:00

基于大数据的滴滴出行数据分析与可视化系统(源码+vue+可视化大屏展示+爬虫分析+讲解等)

收藏关注不迷路！！文末获取源码+数据库感兴趣的可以先收藏起来，还有大家在毕设选题（免费咨询指导选题），项目以及论文编写等相关问题都可以给我留言咨询，希望帮助更多的人文章目录程序资料获取一、项目技术二、项目内容和项目介绍三、核心代码四、效果图五、资料获取程序资料获取文末获取资料一、项目技术开发语言：Pythonpython框架：Django软件版本：python3.7/python3.8数据库：my

qq_1406299528·2025-03-25 10:29

前端解决跨域问题

目录一.作者有话说二.第一步2.1在你的vue找到vite.config.js2.2快捷代码三.第二步3.1访问路径更改编辑3.2问题解决了四.总结【不用看，浪费大家时间】4.1安全性4.2灵活性4.3

潜意识Java·2025-03-25 10:50

Service Worker 实现离线应用思路

1背景本地运行一个vue项目，界面如下：使用ServiceWorker对其进行缓存，预期在停止运行项目时（模拟离线场景）也能够正常访问项目2缓存的资源分析检查network，浏览器访问：http://localhost

诚诚程程成·2025-03-25 10:20

随笔（1）

1、解除切屏限制命令document.body.onblur=null2、vue3getCurrentInstanceimport{getCurrentInstance}from'vue'const{proxy

Software攻城狮·2025-03-25 09:49

VUE2导出el-table数据为excel并且按字段分多个sheet

首先在根目录下建一个文件夹export用来存储export.jsimport*asXLSXfrom'xlsx'functionautoWidthFunc(ws,data){//设置每列的最大宽度constcolWidth=data.map(row=>row.map(val=>{varreg=newRegExp('[\\u4E00-\\u9FFF]+','g')//检测字符串是否包含汉字if(val

paradoxaaa_·2025-03-25 08:11

前端 Web 与原生应用端 WebView 通信交互 - HarmonyOS Next

基于鸿蒙HarmonyOSNext与前端Vue通信交互相关小结;DevEcoStudioNEXTDeveloperPreview2Vuejs两端相互拟定好协议后,通过前端页面的点击事件,将所需的数据传输给原生移动端组件方法中

survivorsfyh·2025-03-25 06:53

uniapp 实现的下拉菜单组件

采用uniapp实现,是一款具备丝滑折叠、展开动画的下拉菜单，支持vue2、vue3；适配web、H5、微信小程序（其他平台小程序未测试过，可自行尝试）可到插件市场下载尝试：https://ext.dcloud.net.cn

狼性书生·2025-03-25 06:23

vue实战笔记整理——用户列表小案例

vue实战——笔记整理——黑马用户列表案例目录1.初始化项目1.1梳理项目结构1.2修改项目的开发调试配置1.3初始化路由1.4使用路由渲染UserList组件2.渲染用户列表组件2.1安装并配置axios2.2

Thaley·2025-03-25 05:51

【iframe结合pdf.js实现pdf的预览/下载及打印功能】

[下载pdf.js](http://mozilla.github.io/pdf.js/getting_started/#download)2.将下载好的文件中的build和web拷贝到vue项目的public

AmyGeng123·2025-03-25 05:20

使用v-charts引入任意图表的时候报错：undefined (reading ‘map‘)

如图，在项目中引用v-charts图表后浏览器控制台报错这其实是v-charts官方bug，截至文章发布，该bug仍未修复，最快的解决方案是在App入口文件,Vue对象实例化之前,加入如下代码Vue.

爱喝紫菜汤·2025-03-25 04:40

Vue3组件设计模式:高可复用性组件开发实战

Vue3组件设计模式:高可复用性组件开发实战一、前言在Vue3中，组件设计和开发是非常重要的，它直接影响到应用的可维护性和可复用性。

武昌库里写JAVA·2025-03-25 02:58

推荐频道