vue3 第3页

vue3+ts Typerror: Failed to fetch dynamically imported module

大坑！！！！！！！！！！一直以为是自己代码的问题。搞了好久都没有解决现在记录下这个问题issues地址：TypeError:Failedtofetchdynamicallyimportedmodule·Issue#11804·vitejs/vite·GitHub问题复现的效果：vue打包后动态加载的问题，此问题会导致页面卡死不跳转，但是只要手动刷新一下页面又好了出现的原因：问题原因主要是文件内容被

多喜乐长安宁·2025-04-13 02:46

vite.js+vue3+element-plus打包报错(Note that you need plugins to import files that are not JavaScript)

javascript项目vite.jsvue3element-plus打包报错(NotethatyouneedpluginstoimportfilesthatarenotJavaScript)/node_modules

前端开发2025·2025-04-13 02:45

同时支持Vue2/Vue3的图片懒加载组件（支持懒加载 v-html 指令梆定的 html 内容）

vue-lazyload-imgs安装方法：npmivue-lazyload-imgs（不要安装为开发依赖，应为产品依赖）适用环境：本组件适用于运行在前端开发框架Vue，同时兼容Vue2（>=2.6.0）及Vue3

Samdy_Chan·2025-04-13 00:33

前端如何实现PDF文件导入微信公众号或CMS？

要求：开源，免费，技术支持编辑器：百度ueditor前端：vue2,vue3,vue-cli,react,html5用户体验：Ctrl+V快捷键操作功能：导入Word,导入Excel,导入PPT(PowerPoint

M_Snow·2025-04-12 20:44

TinyVue v3.17.0 正式发布，推出了一款基于 Quill 2.0 的富文本编辑器，功能强大、开箱即用！

TinyVue3.15.0正式发布，推出全新的Charts图表组件底座，功能更强、图表

·2025-04-12 18:20

vue3+element-plus+el-tree-v2实现节点过滤

使用ElementPlus的el-tree-v2实现树形组件节点过滤需求：通过输入框输入关键字，动态过滤树形节点，只显示匹配的节点及其父节点实现代码：import{ref,computed}from'vue';//过滤条件constfilterText=ref('');//原始树形数据consttreeData=ref([{id:1,label:'一级1',children:[{id:4,labe

徐_三岁·2025-04-12 17:52

vue3中setup使用

一、setup函数的特性以及作用setup函数是处于生命周期函数beforeCreate和Created两个钩子函数之间的函数也就说在setup函数中是无法使用data和methods中的数据和方法的setup函数是CompositionAPI（组合API）的入口在setup函数中定义的变量和方法最后都是需要return出去的不然无法再模板中使用二、setup函数的注意点由于在执行setup函数的

不知名的前端专家·2025-04-12 17:21

Vue 3 中 setup 函数的用法

深入探索Vue3中setup函数的用法在Vue3的广阔世界里，setup函数无疑是一颗璀璨的明星，它为开发者带来了前所未有的便利与灵活性。

东锋17·2025-04-12 17:20

vue3关于在线考试实现监考功能推流拉流

vue3关于在线考试实现监考功能，pc端考试本质是直播推流的功能使用腾讯云直播:在线文档index.htmlxxx/title>window.TXLivePusher=TXLivePusherTXLivePusher.jsclassTXLivePusher

Vue1024·2025-04-12 14:08

vue3腾讯云直播前端推流

1、在index.html文件中引入（在body体中）2、vue文件中，添加video推流（我用的推流地址是webrtc）import{ref,onMounted,onUnmounted}from'vue';constlocal_video=ref();onMounted(async()=>{constlivePusher=newTXLivePusher();livePusher.setRende

大个个个个个儿·2025-04-12 14:07

红宝书第四十一讲：关于Vue3的入门解读和与Vue2的区别

红宝书第四十一讲：关于Vue3的入门解读和与Vue2的区别资料取自《JavaScript高级程序设计（第5版）》。查看总目录：红宝书学习大纲1.什么是Vue3？

·2025-04-12 13:15

vue - 解决报错 Error: error:0308010C:digital envelope routines::unsupported（Vue项目启动或打包时提示错误，降低node版本没用）

问题说明在vue2、vue3项目开发中，执行rundev运行|runbuild打包时，Vue报错error:0308010C:digitalenveloperoutines::unsupported，很奇怪的错误

十一猫咪爱养鱼·2025-04-12 05:26

使用 Qiankun 微前端框架搭建 Vue3 项目实践指南

本文基于qiankun@2.10和Vue3，分享如何从零搭建一个微前端项目。一、微前端核心概念主应用（BaseApp）：负责全局路由、状态管理和子应用调度。

前端_刘阿三·2025-04-12 02:40

vue3 + element plus 实现行内编辑el-table的某列数据并保存

vue3+elementplus行内编辑el-table的某列数据并保存需求试想有这么一个需求：你使用了一个elementplus的el-table组件你要改的数据不多，就那么一两列但是实际上有很多列数据

open_book567·2025-04-11 23:55

springboot+vue3+Element-plus前后端分离（文件上传与回显）

一、前端实现（一）、创建vue工程npminitvue@latest输入项目名称【big-file】后，全部选择否。G:\codevue\big-event-file>cdG:\codevueG:\codevue>npminitvue@latest>npx>create-vueVue.js-TheProgressiveJavaScriptFramework√请输入项目名称：...big-file√

金融小白数据分析之路·2025-04-11 23:55

vue3+element plus+minio+pdfjs-dist 实现pdf文件上传回显

在Vue3项目中使用PDF.js（pdfjs-dist）可以帮助在应用中渲染和显示PDF文件。本篇主要是想总结一下我踩过的坑，文章结尾会附上完整代码，话不多说先上图展示效果。

一梦浮生jjy·2025-04-11 23:24

Vue3 运行时解析SFC单文件模板字符串

源码地址：2091124175/OnlinePreview:vue3在线预览模板需求：后端接口返回了一个vue3单文件模板字符串需要渲染到当前页面。也就是说需要实时解析。

常年游走在bug的边缘·2025-04-11 20:35

vue3项目集成electron

一、环境准备1.确保已安装Node.js(建议版本16.x或更高)2.创建或进入现有Vue项目目录cdyour-vue-project二、添加Electron支持在项目根目录执行：vueaddelectron-builder执行后会在`src`目录下生成`background.js`主进程文件。三、主进程配置(background.js)基础配置import{app,protocol,Browse

貂蝉空大·2025-04-11 20:04

Vue 框架组件间通信方式

组件间通信方式不管是vue2还是vue3，组件通信方式很重要，以下是常见的几种通信方式：props：可以实现父子组件、子父组件、甚至兄弟组件通信自定义事件：可以实现子父组件通信全局事件总线$bus：可以实现任意组件通信

Code额·2025-04-11 19:54

《从零搭建Vue3项目实战》（AI辅助搭建Vue3+ElemntPlus后台管理项目）零基础入门系列第八篇:菜单栏优化和阶段项目源码

致敬读者感谢阅读笑口常开生日快乐⬛早点睡觉博主相关博主信息博客首页专栏推荐活动信息文章目录《从零搭建Vue3项目实战》（AI辅助搭建Vue3+ElemntPlus后台管理项目）零基础入门系列第八篇:菜单栏优化和阶段项目源码

岫珩·2025-04-11 15:57

vue3项目实战-轮播图实现，页面组件封装，图片懒加载，组件封装，使用逻辑函数拆分业务

轮播图实现element-plus组件搭建静态结构封装接口apis下新建home.js,添加以下代码（这里的接口是后台提供的，每个项目对应的都不一样，这里只提供方法，以自己的项目为准）importhttpInstancefrom'@/utils/http'//获取bannerexportfunctiongetBannerAPI(params={}){//默认为1,商品为2const{distrib

爱学英语的程序媛·2025-04-11 13:14

实现一个 Markdown 编辑器组件：Vue 3 + Vite + Highlight.js

文章目录一、项目背景与需求分析二、搭建基础项目1.初始化Vue3项目2.安装依赖三、实现Markdown编辑器组件1.创建Markdown编辑器组件2.组件说明四、优化与拓展1.自动保存功能2.文件上传功能五

前端极客探险家·2025-04-11 11:32

vue3 引入 wangeditor 富文本编辑器与 highlight 代码高亮工具的方法及注意事项

目录什么是Wangeditor什么是Highlight1.安装2.在main.js中引用3.在vue组件中使用highlight3.1用法（不推荐）3.2v-higelight用法（推荐）4.在vue组件中使用wangeditor什么是WangeditorWangeditor是一款开源Web富文本编辑器，开箱即用，配置简单。简洁易用，功能强大。快速接入，配置简单，几行代码即可生成。集成了所有常见功

m0_74824091·2025-04-11 04:19

Vue3 + Vite使用Vitepress编辑基于Element-plus再次封装的Vue3基础组件库文档弃用vitepress-theme-demoblock，使用自己封装的Demo组件

最终效果使用方式页面效果一、需求vitepress-theme-demoblock插件在编辑md文件时，不支持TSX模式，也无法import其他依赖，并且展开隐藏的vue代码都在md文件中，不够优雅，且每个md文件太长。至此弃用此拆件，改用自己封装demo组件二、plugins配置：在docs/.vitepress下新建config文件夹1、在config文件夹新建global.ts文件，代码如下

wocwin·2025-04-11 04:48

开源推荐#1：Soybean Admin — 告别粗糙，拥抱优雅的 Vue3 后台管理模板

大家好，我是jonssonyan，你是否还在为搭建后台管理系统而烦恼？每次从零开始，重复造轮子，不仅耗时耗力，最终的界面还可能不尽人意，充斥着各种“历史包袱”？别担心，今天我要向大家安利一个宝藏项目——SoybeanAdmin，它或许能让你眼前一亮，彻底改变你的后台开发体验！GitHub：https://github.com/soybeanjs/soybean-admin什么是SoybeanAdm

jonssonyan·2025-04-10 23:13

更强大、更灵活！ defineModel 重新定义双向绑定

前言在Vue3.4中，defineModel宏的引入标志着Vue双向绑定机制的一次重大革新。

·2025-04-10 18:47

《从零搭建Vue3项目实战》（AI辅助搭建Vue3+ElemntPlus后台管理项目）零基础入门系列第五篇:登录页面优化及使用AI学习代码

致敬读者感谢阅读笑口常开生日快乐⬛早点睡觉博主相关博主信息博客首页专栏推荐活动信息文章目录《从零搭建Vue3项目实战》（AI辅助搭建Vue3+ElemntPlus后台管理项目）零基础入门系列第五篇:登录页面优化及使用

岫珩·2025-04-10 08:08

Element动态表单中数组循环验证必填方法

干货详细此次项目是使用vue3和elment-plus来实现动态表单验证使用表单组件添加处理人重置保存组件中绑定的数据，包括动态新增表单，删除表单，验证import { ref, reactive

程序员树朦·2025-04-10 04:13

FastAPI + Vue3 对 SSE 通知机制的实现与进阶思考

我的前后端技术栈分别是Vue3和PythonFastAPI。什么是SSE（Server-SentEvents）SSE（Server-SentEvents）是一种浏览器原生

重生之我是蔡经理·2025-04-10 04:42

Module ‘“/src/components/xxx.vue“‘ has no default export.Vetur(1192）自己写的组件在使用时编辑器出现标红

解决办法：扩展插件更换为Vue-Official，1.扩展介绍：“Vue-Official”（全名为"VueLanguageFeatures(Volar)"）是Vue团队推荐的VSCode扩展，专门为Vue3

前端啊龙·2025-04-10 04:42

Vue知识点（5）-- 动画

CSS动画是Vue3中实现组件动画效果的高效方式，主要通过CSStransitions和keyframes动画CSSKeyframes（关键帧动画）用来创建复杂的动画序列，可以精确控制动画的各个阶段。

阿諪諪·2025-04-09 21:53

富文本编辑器wangEditor在vue中实现word内容复制粘贴的技巧？

要求：开源，免费，技术支持编辑器：百度ueditor前端：vue2,vue3,vue-cli,react,html5用户体验：Ctrl+V快捷键操作功能：导入Word,导入Excel,导入PPT(PowerPoint

2501_90694782·2025-04-09 20:43

实现一个拖拽排序组件：Vue 3 + TypeScript + Tailwind CSS

文章目录一、项目背景与需求分析需求：二、搭建基础项目1.初始化Vue3项目2.安装TailwindCSS三、设计拖拽排序组件1.创建拖拽排序组件2.说明：四、完善样式与功能1.样式调整2.拖拽顺序更新五

前端极客探险家·2025-04-09 18:01

vue3的一些新特性

Vue3是Vue.js框架的重大升级，带来了许多新特性和性能优化。

爱分享的程序员·2025-04-09 11:21

Vue框架的编译器优化

：将模板中的静态分析在编译阶段完成，避免运行时重复计算生成高效渲染函数：输出优化后的虚拟DOM生成逻辑最小化Diff成本：通过标记策略减少虚拟DOM的对比范围提升首次渲染性能：优化静态内容处理逻辑二、Vue3

前端岳大宝·2025-04-09 10:10

Vite + Vue3 + TS项目根路径别名配置

本文博主将介绍如何在Vite+Vue3+TypeScript的前端项目中配置根路径别名，以便在开发过程中更轻松地引用模块和组件。为什么要配置根路径别名？

洛*璃·2025-04-09 07:55

vue项目本地调试使用https

前提是后端的cookie设置在二级域名下，且允许固定其他子域名跨域访问（需要在后端设置）项目框架：vue3，node：v22.13.01、首先在hosts文件中做好域名映射：例如：测试环境域名：oms.test.com

夕秋一梦·2025-04-09 07:54

【基于Vue3组合式API的互斥输入模式实现与实践分享】

基于Vue3组合式API的互斥输入模式实现与实践分享目录背景与痛点设计思路技术实现使用场景与案例遇到的问题与解决方案最佳实践总结1.背景与痛点在表单交互设计中，我们经常面临这样的场景：多种输入方式互斥。

Gazer_S·2025-04-09 05:15

Vue3 视频播放与截图功能实现

视频播放使用HTML5的标签实现，src改成你自己的视频路径。video标签基本属性视频截图功能实现思路1.视频帧捕获：首先，通过元素获取当前播放的视频帧画面，浏览器会将视频解码为连续的图像帧，我们可以通过标签的API访问当前显示的帧。2.Canvas绘制转换：创建一个与视频尺寸相同的Canvas画布，使用Canvas2D上下文（Condext2D）的drawImage()方法将视频帧绘制到画布上

Fri_·2025-04-09 03:27

Vue3在ZKmall开源商城前端的应用实践与技术创新

ZKmall开源商城作为一款企业级电商解决方案，其前端架构基于Vue3实现了高效、灵活的开发模式，结合响应式设计、组件化开发与全链路性能优化，为多端协同和复杂业务场景提供了先进的技术支持。

zkmall·2025-04-09 01:14

【VUE3】Pinia

目录0前言1手动添加Pinia2创建与使用仓库（SetupStore组合式）2.1创建仓库2.2使用仓库数据2.3解构响应式数据3持久化插件0前言官网：Pinia|TheintuitivestoreforVue.js1手动添加Pinia上手之后，可以通过create-vue脚手架勾选Pinia快速添加第一步：安装Pinia在没有Pinia的相目中，执行以下命令npmipinia第二步：在main.

USER_A001·2025-04-08 20:16

Vue3通透教程TS编译配置

Vue3通透教程TS编译配置引言Vue3与TypeScript的结合创建一个支持TypeScript的Vue项目示例一：初始化项目示例二：配置tsconfig.json示例三：编写组件利用TypeScript

DTcode7·2025-04-08 19:07

2025年前端技术栈深度解析

2025年前端技术栈深度解析：Vue生态与高效开发实践前端框架：Vue3与Pinia状态管理Vue3核心优势组合式API：提供更灵活的代码组织方式，逻辑关注点更集中性能优化：Proxy响应式系统比Vue2

Thomas Kant·2025-04-08 18:02

vue3 + elementplus 手动实现 el-table 虚拟滚动

=visibleRange.start&&scope.$index{{scope.row[scope.column.property]}}{{scope.row[scope.column.property]}}-->import{ref,Ref,reactive,onMounted,markRaw,onBeforeUnmount,nextTick,watch}from"vue";constrigh

A_ugust__·2025-04-08 07:48

vue3+electron 桌面应用初始化

1、全局安装vueclinpminstall-g@vue/cli2、使用vuecli初始化vue项目vuecreatemy-vue-project3、添加electron支持vueaddelectron-builder4、启动项目npmrunelectron:serve5、打包项目npmrunelectron:build

土豆丶杨·2025-04-08 07:42

Vue3.2 项目打包成 Electron 桌面应用

本文将详细介绍如何将基于Vue3.2的项目打包成Electron桌面应用。通过结合Electron和VueCLI工具链，可以轻松实现跨平台桌面应用的开发与发布。

A_ugust__·2025-04-08 07:42

vue3实现markdown工具栏的点击事件监听

这里以监听全屏事件为例监听Vditor编辑器的全屏事件要监听Vditor编辑器的全屏事件，你可以使用Vditor提供的API和事件系统。以下是几种实现方法：方法一：使用Vditor的after钩子函数constvditor=newVditor('editor',{after(){//监听全屏事件vditor.vditor.toolbar.elements.fullscreen.addEventLi

Z编程·2025-04-08 05:32

Vue 3 + Element Plus 快速入门教程

本章教程，主要记录如何在vue3框架中引入ElementPlus的具体步骤。

Roc-xb·2025-04-08 04:58

Uncaught ReferenceError: process is not defined

在vue3安装完element-plus，引入了相关文件，启动项目之后，浏览器控制台遇到报错信息：UncaughtReferenceError:processisnotdefined一、原因分析这个错误