vue事件

vue3+qiankun+vite搭建微前端服务

因业务需要搭建一套微前端服务,阅读文档时发现qiankun与vite无法一起使用,需要引入额外插件才可以一起使用,在这里记录下qiankun基座配置1.修改index.html中div的id,并在main.js中修改挂在函数//index.html//main.jscreateApp(App).mount('#qiankunBaseApp')2.main.js启动qiankunimport{reg
LD喂！·2025-06-07 12:28

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

我们项目使用的初衷是为了解决一个后台项目的重构问题，因为项目太过庞大，vue2升级vue3选择了重构，希望可以两个项目并行操作，这也就是我们使用qiankun的理由吧。
写代码的小王吧·2025-06-07 11:26

uni-app全局引入scss文件的不同方式

1.使用config方式引入在项目下创建vue.config.js文件module.exports={css:{loaderOptions:{scss:{prependData:`@import"~@/
MINO吖·2025-06-07 11:55

JAVAWeb--前端工程化

1.2前端工程化实现技术栈前端工程化实现的技术栈有很多,我们采用ES6+nodejs+npm+Vite+VUE3+router+pinia+axios+Element-plus组合来实现ECMAScript6VUE3
·2025-06-07 11:55

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

背景qiankun项目用的是Vue2+Antdesign2，但其中一个子应用用的是Vue3+Antdesign4。集成之后发现子应用的样式混乱，渲染的是Antdesign2的样式。
web小奶精·2025-06-07 11:54

webpack打包学习

vue开发现在项目里安装vue：npminstallvuevue的文件后缀是.vuewebpack不认识vue的话就接着安插件npminstallvue-loader-D这是.vue文件：{{title
贩卖纯净水.·2025-06-07 11:24

qiankun微前端vue3+ts+vite（配置示例）

//主应用main.ts//注册子应用registerMicroApps([{name:'sub_ANALYTICS_APM_SEARCH',entry:'http://localhost:7101/',//子应用地址container:'#sub-container',//子应用挂载容器activeRule:'/controller/#/location=ANALYTICS_APM_SEARCH
湖边看客·2025-06-07 11:54

基于 qiankun + vite + vue3 构建微前端应用实践

核心内容摘要技术栈组合采用Vite+Vue3+Qiankun构建微前端架构主应用和子应用独立开发部署，通过Qiankun集成2.主应用关键配置通过registerMicroApps注册子应用，配置路由匹配规则
MINO吖·2025-06-07 11:53

人脸识别技术成为时代需求，视频智能分析网关视频监控系统中AI算法的应用

一、应用背景：时代需求与技术革新的双重驱动1）传统安防系统的困境：传统监控系统依赖人工逐帧筛查海量视频，在人流密集场所极易漏检，且缺乏实时锁定和主动预警能力，面对突发安全事件响应迟缓。
Oliverro·2025-06-07 10:16

Nuxt.js一个基于 Vue.js 的通用应用框架

Nuxt框架简介Nuxt，这款受到广泛赞誉的框架，在我们公司的ThisAI前端开发中扮演着不可或缺的角色。其卓越的性能和便捷的开发体验，吸引了无数开发者的目光。接下来，我们将一起深入了解Nuxt的安装流程，并详细剖析其目录结构，助力大家更好地掌握这一强大的开发工具。Nuxt的独特之处在哪里呢？简单来说，Nuxt的强大之处体现在多个方面。首先，它能够自动导入组件，简化了路由配置的过程，因为Nuxt内
天天打码·2025-06-07 09:14

vue项目引入tailwindcss

tailwindcss是什么？tailwindcss官网TailwindCSS是一个工具优先（Utility-First）的CSS框架，它提供了一组低级别的、可组合的CSS类（UtilityClasses），让开发者可以直接在HTML中快速构建自定义设计，而无需手写CSS。核心特点1、Utility-First（工具类优先）提供大量细粒度的类名（如text-blue-500、p-4、flex），直
发渐稀·2025-06-07 09:14

基于Serverless架构的搜索引擎爬虫实现方案

基于Serverless架构的搜索引擎爬虫实现方案关键词：Serverless架构、搜索引擎爬虫、无服务器计算、分布式爬虫、AWSLambda、事件驱动架构、网页抓取摘要：本文深入探讨了如何利用Serverless
搜索引擎技术·2025-06-07 09:11

用户空间文件监控：inotify替代方案比较

用户空间文件监控：inotify替代方案比较关键词：文件监控、inotify、fanotify、Watchman、跨平台监控、事件驱动摘要：在软件开发中，实时监控文件系统变化是常见需求（如IDE自动编译
操作系统内核探秘·2025-06-07 09:41

【Python】sse_starlette 库：为 Starlette 和 FastAPI 框架提供对 Server-Sent Events（SSE，服务器推送事件）的支持

sse_starlette是一个Python库，为Starlette和FastAPI框架提供对Server-SentEvents（SSE，服务器推送事件）的支持。
彬彬侠·2025-06-07 09:40

EventOS Nano拯救嵌入式开发：事件驱动+1.5KB ROM，重新定义轻量化！

它是一款专为单片机设计的开源框架，以事件总线为核心，融合协作式内核与深度可裁剪架构，为嵌入式开发提供轻量、高效、可靠的解决方案。
外星猪猪·2025-06-07 09:40

Vue项目中每个组件都有一个 index.vue 文件

在Vue项目中每个组件都有一个index.vue文件，主要有以下几方面原因：1.统一入口方便引入当其他模块或组件需要引入这个组件时，只需通过组件所在文件夹的路径来引入，而不需要精确到具体的.vue文件名
徐福记c·2025-06-07 09:09

鸿蒙NEXT-状态管理V1和状态管理V2的差别

所以我们需要在子组件中通过@Event，调用父组件的事件，来实现装饰回调（白话来讲就是：子组件调用@Event装饰的函数，传入参数，修改父组件中的参数）。
试水年华·2025-06-07 09:37

Vue中input框自动聚焦

在Vue中input自动聚焦的思路：给需要聚焦的input设置ref创建一个聚焦的方法this.$nextTick()将回调延迟到下次DOM更新循环之后执行。
byg_qlh·2025-06-07 08:01

C++中的Lambda 表达式

Lambda表达式极大地简化了代码，尤其在处理算法、事件处理和异步编程时更为便捷。
景彡先生·2025-06-07 07:25

使用 Python 构建知识图谱(教程含源码)

该文档还提供了用于实现这些技术的代码片段和示例，强调了事件检测和共现分析在生成富有洞察力的知识图谱方面的重要性。最后
知识大胖·2025-06-07 07:25

Ant Design Vue 树形控件Tree实现拖拽功能

主要加入draggable拖拽属性和drop事件，支持拖拽具体drop事件代码实现如下onDrop(info){constdropPos=info.node.pos.split('-');constdropPosition
前端页面仔·2025-06-07 06:51

常用测试用例设计方法4-场景法

场景法的使用要求五，场景法的基本概念六，场景法使用步骤1，分析需求，确定基本流和备选流案例：支付宝个人账户注册---验证用户名需求流程图2，根据基本流和备选流生成场景3，根据场景生成用例一，场景法的定义软件几乎都是用事件触发来控制流程的
小宝的宝呢·2025-06-07 06:47

Vue.js 组件深入理解与开发实践

Vue.js组件深入理解与开发实践背景简介在前端开发中，组件化是一种将界面分割成独立、可复用的组件的开发方式，这在Vue.js中尤为重要。
工程求知者·2025-06-07 06:46

vue-12 (路由守卫：全局、每个路由和组件内）

了解路由守卫：全局、每个路由和组件内路由守卫对于控制VueRouter应用程序中的导航至关重要。它们允许您拦截和管理路由转换，确保用户只能根据特定条件（例如身份验证状态或权限）访问应用程序的某些部分。
清幽竹客·2025-06-07 06:46

深入 Vue.js 组件开发：从基础到实践

深入Vue.js组件开发：从基础到实践Vue.js作为一款卓越的前端框架，其组件化开发模式为构建高效、可维护的用户界面提供了强大支持。
老哥不老·2025-06-07 05:44

vue3+ts+vite：详细、完整的 tsconfig.json 示例 / 常见配置项及其用途

一、tsconfig.json示例{"compilerOptions":{//1.编译目标与模块系统"target":"ES2020",//指定编译后的JavaScript版本为ES2020"module":"ESNext",//指定模块系统为ESNext（支持动态导入等）"moduleResolution":"node",//模块解析策略为Node.js风格（兼容npm包）//2.严格类型检查"
·2025-06-07 05:40

食用超加工食品或有害健康

研究显示，每天额外摄入100克超加工食品，将提高患高血压、心血管事件、癌症、消化系统疾病、死亡等风险。研究人员指出，常见的超加工食品包括工业生产的面包、含糖饮料、薯片、巧克力糖果、糖果、包装饼干等。
·2025-06-07 05:08

JavaScript性能优化实战技术

目录性能优化核心原则代码层面优化加载优化策略内存管理实践及时解除事件监听避免内存泄漏模式渲染性能调优使用requestAnimationFrame优化动画批量DOM操作减少回流性能监控工具现代API应用缓存策略实施性能优化核心原则减少资源加载时间避免阻塞主线程优化内存管理减少重绘与回流代码层面优化使用节流与防抖控制高频触发事件
小Mie不吃饭·2025-06-07 04:35

JavaScript 核心原理深度解析-不停留于表面的VUE等的使用！

本文将从JavaScript引擎、数据类型、内存管理、事件循环等方面，深入分
·2025-06-07 04:33

Vite-Vue3-Admin 项目教程

Vite-Vue3-Admin项目教程vite-vue3-admin基于vite4.x+vue3.x+ant-design-vue3.x+typescripthooks的基础后台管理系统模板RBAC的权限系统项目地址
史淳莹Deirdre·2025-06-07 03:00

vue+element-ui 实现首页菜单顶部布局

处理中心我的工作台选项1选项2选项3选项4选项1选项2选项3消息中心消息中心2订单管理//1.定义（路由）组件。//可以从其他文件import进来constFoo={template:'foofoofoo'};constBar={template:'barbarbar'};//2.定义路由constroutes=[{path:'/foo',component:Foo,name:'foo'},{pa
xiaogg3678·2025-06-07 03:28

Vue中表格数据使用switch开关控制某条数据状态信息

先看效果图:点击开关实时改变数据状态show_status状态值:1000显示0000隐藏vue代码:1.switch开关补充要素:active-value:为显示状态(也就是开关状态的'开'),对应数据库字段
纵有千千星晚·2025-06-07 03:57

HTML文件中el-dialog,el-form,el-table的综合应用

HTML文件中复制即用Document打开表格页面取消修改新增编辑删除新增返回letvm=newVue({el:'#app',data(){return{dialogVisible:false,innerVisible
自律最差的编程狗·2025-06-07 03:26

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

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

Vue中封装el-dialog遇到的坑

一、使用.sync来解决关闭和打开弹框时的父子组件双向绑定的问题用法：父组件：在引用子组件的标签上对应的变量加上.sync子组件：在关闭的地方绑定点击事件closeDiaglogcloseDiaglog
做一只快乐的咸鱼·2025-06-07 02:25

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

本示例基于vue2+element-ui，介绍vue中$parent、$children、$refs关于父子组件传值的用法。
小约翰仓鼠·2025-06-07 02:25

vue3子组件获取并修改父组件的值

在子组件中，父组件传递来的prop是只读的，但是确实有修改的需求，故此做个小小研究//父组件使用模版：@update:xxx="dialogVisible=$event"//子组件使用模版//constemits=defineEmits(['update:xxx']);//emits('update:xxx',false)//父组件//:dialogVisible="dialogVisible"向
小约翰仓鼠·2025-06-07 02:25

ant design vue a-table表格中插入操作按钮（以switch开关 [a-switch]为例）

1.给columns添加列属性columns(){sortedInfo=sortedInfo||{};return[{title:"工程",dataIndex:"outputProject",width:80},{title:"是否显示小数",
LL__Sunny·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

vue读取excel表格内容

vue读取excel文件内容1.安装第三方工具xlsxnpminstallxlsx2.在vue组件中引入xlsximport*asxlsxfrom'xlsx'3.使用xlsx读取excel文件html部分上传
·2025-06-07 02:23

vue使用elementUI表单出现在输入框表单回车刷新页面问题

今天项目中出现一个bug，vue项目中使用elementUI表单出现了在输入框表单回车后输入框内容被清空。
浮桥·2025-06-07 02:23

ElementUI输入框(input)回车查询事件,详细讲解。

直接上代码(参考官方文档组件属性)下面进行拆分讲解:完整:@keyup.enter.native@keyup译:触发键盘事件enter译:键盘回车提交native译:事件监听(个人理解)总结(个人理解)
小李的编程笔记·2025-06-07 02:51

elementUI 输入框按回车刷新页面问题

分析原因：当el-form表单内只有一个el-input输入框时，且type为text类型时，在输入框内按回车就会触发表单的提交事件。
前端小凯·2025-06-07 02:21

el-input 只允许输入整数、整数和小数（保留小数点后两位）

important;}方法二：事件控制（兼容）1.只允许输入整数或小数只保留小数点后
小熊代码加·2025-06-07 02:51

elementui el-form 默认不支持回车提交，怎么解决

概念：1.在表单的提交按钮上添加Vue原生属性native-type="submit"可以让按钮变为表单提交按钮；2.阻止表单默认提交事件（默认是阻止），在表单上（即标签上）添加@submit.native.prevent
扫地鼠Gordon·2025-06-07 02:51

el-form表单，按下回车后刷新页面的问题

、原因当你的表单只有一项时，按下回车默认会提交表单，所以会出现刷新页面的现象二、解决设置@keyup.enter.native=""或@submit.native.prevent如上，指定回车或提交的事件
·2025-06-07 02:50

input宽度随输入内容自适应（以el-input为例）

以此来撑开父容器宽度（对齐内容除了输入文本外，还需包含padding，border、margin、font-size、font-family等所有会影响元素宽度的样式）实现：template代码：会使用到下面两个事件
Homilier·2025-06-07 02:49

基于Java的springboot/SSM+vue.js+uniapp小程序的美食推荐系统的微信小程序附带文章源码部署视频讲解等

文章目录前言详细视频演示具体实现截图核心技术介绍后端框架SpringBoot前端框架Vue持久层框架MyBaits为什么选择我代码参考数据库参考测试用例参考源码获取前言博主介绍：✌CSDN特邀作者、资深全栈开发程序员
程序员kidow·2025-06-06 23:03

脚手架项目一直卡在98%，没有加载成功

项目场景：使用脚手架进行项目构建，使用了vue+node.js+脚手架问题描述控制台提示：D:\java\WebStorm>cdvue-admin-templateD:\java\WebStorm\vue-admin-template
·2025-06-06 23:59
上一页 54 55 56 57 58 59 60 61 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他