_Vue 第30页

Vue.js 中，前端如何处理从后端返回的 Excel 文件流

具体步骤：1.安装axios（如果还未安装）npminstallaxios2.编写Vue组件下载Excelimportaxiosfrom'axios';expor

清风南归·2025-05-20 05:09

实现Vue3/Nuxt3 预览excel文件

安装必要的库npminstallxlsx创建一个组件来处理文件上传和解析：在src/components目录下创建一个名为ExcelPreview.vue的文件{{header}}{{cell}}import

Bessie234·2025-05-20 05:08

vue3+Luckysheet在线预览文件

,"xlsx":"^0.18.5"npminstallluckysheetxlsx//安装然后在index.html引入css与jsViteApp使用的页面import{onMounted}from'vue

Holle_CSDNs·2025-05-20 05:36

Vue2.x下使用vue-i18n国际化

npm上下载vue-i18nnpminstallvue-i18n新建文件夹配置i18n//i18m文件夹下新建index.jsimportVuefrom'vue'importVuei18nfrom'vue-i18n'Vue.use

制冷男孩·2025-05-20 03:56

Vue3表格拖拽Demo

Vue3表格拖拽Demo.container{max-width:1000px;margin:20pxauto;padding:020px;}/*拖拽视觉反馈*/.sortable-ghosttd{opacity

海天胜景·2025-05-20 02:46

vue修改指定端口

方法1.打开vue项目的根目录下的vue.config.js文件，如果没有则创建该文件。

prinrf('千寻)·2025-05-20 01:13

vue3个生命周期解析，及setup

Vue3生命周期钩子详解Vue3的生命周期钩子分为以下几个阶段：onBeforeMount调用时机：在组件挂载到DOM之前调用。使用场景：在挂载前进行一些初始化操作，如设置默认值或准备数据。

香蕉可乐荷包蛋·2025-05-20 01:40

SpringBoot3 + Vue3 前后端分离项目实现文件上传下载

1、数据库表设计CREATETABLE`files`(`id`varchar(40)NOTNULLCOMMENT'主键',`name`varchar(255)DEFAULTNULLCOMMENT'文件名',`url`varchar(255)DEFAULTNULLCOMMENT'下载URL',`type`varchar(40)DEFAULTNULLCOMMENT'文件类型',`size`bigint

韶君·2025-05-19 23:56

Vue 中 v-model 的三种使用方式对比与实践

在Vue3中，v-model是组件双向数据绑定的核心特性。随着Vue的版本演进，v-model的使用方式也在不断优化。

编程猪猪侠·2025-05-19 21:44

vue3+ts的基础语法

OptionsAPI(选项式)和CompositionAPI(组合式)vue2使用的是选项式的api风格选项式的写法会使得数据方法计算属性是分散开的不利于维护vue3推荐使用的式组合式api组合式api

xinxin天天开心·2025-05-19 19:58

基于Python+Flask+Vue3+MySQL实现的前后端分离的宠物领养管理系统（文档+数据库+源码+运行视频）

基于Python+Flask+Vue3+MySQL的前后端分离宠物领养管理系统的设计与实现摘要本项目基于PythonFlask后端框架和Vue3前端框架，使用MySQL作为数据库，设计并实现了一个前后端分离的宠物领养管理系统

biyeyuanma·2025-05-19 18:48

从零开始：使用 Vue.js、Flask 和 MySQL 构建全栈应用

从零开始：使用Vue.js、Flask和MySQL构建全栈应用目录前言项目简介环境搭建后端开发创建Flask项目连接MySQL数据库实现RESTfulAPI前端开发创建Vue.js项目设计组件连接后端API

悲之觞·2025-05-19 17:17

vue+springboot整车生产线管理系统

技术创新融合：当前，伴随着数字技术的发展，数字经济逐渐成为经济增长的重要驱动力，而元宇宙则将成为数字经济发展的新的增长点，成为未来经济发展的新引擎。交互模式演进：传统的会议管理系统多以文字、语音和视频为主要交互方式，而元宇宙元素的加入将交互模式推向了三维空间，为交互设计理论带来了新的挑战和机遇。数据管理与安全：在新形势的考验下，人工管理已经捉襟见肘，技术创新已经是必然趋势，数据安全管理安全高效，还

QQ58850198·2025-05-19 15:05

前端如何使用 Vue.js 实现瀑布流布局

前端如何使用Vue.js实现瀑布流布局关键词：Vue.js、瀑布流布局、响应式设计、虚拟滚动、性能优化、IntersectionObserver、CSSGrid摘要：本文将深入探讨如何使用Vue.js实现高性能的瀑布流布局

前端视界·2025-05-19 11:07

小程序存存上下滑动的页面

澄江静如练_·2025-05-19 11:35

前端动画库 Anime.js 的V4 版本,兼容 Vue、React

这一版本的发布不仅带来了全新的模块化API和显著的性能提升，还增强了与主流前端框架（如Vue）的兼容性。

东锋17·2025-05-19 09:29

分布式微服务系统架构第133集：运维服务器6年经验，高并发，大数据量系统

加群联系作者vx：xiaoda0423仓库地址：https://webvueblog.github.io/JavaPlusDoc/https://1024bat.cn/https://github.com

掘金-我是哪吒·2025-05-19 09:59

Uniapp学习笔记

简介uniapp是DCloud公司于2015年开发的一款基于vue的跨端框架，编写一套代码就可以运行到web、小程序（各种小程序）和app（Android和iOS）端，使得开发一个项目的成本很小，效率很高

旧城梦空·2025-05-19 09:53

vue全局封装过滤字典表

vue全局封装过滤字典表2021/12/13//过滤字典Vue.filter('choiceCategory',function(value,list){if(!

巴博尔·2025-05-19 09:23

50天50个小项目 (Vue3 + Tailwindcss V4) ✨ | 页面布局与 Vue Router 路由配置

BuildDaily.BuildDifferently.今天我们将基于的Vue3+TailwindCSS项目，进一步拆分页面结构，引入VueRouter，构建基础导航与页面路由体系。

sunbyte·2025-05-19 09:51

【Vue3+ts 】封装字典列表接口调用

最近在写Vue3后台管理系统，有一个场景是在新增或者编辑的时候需要一次性获得这几个字典的数据，于是字典接口封装应运而生：拿到的数据结构大概是这样的：第一步：创建useFormAjax.ts文件，封装getListByDicCode

阿丽塔~·2025-05-19 09:21

若依vue中字典Dict插件的研究

$optionsminx开发插件若依vuedict插件插件安装插件定义this.dict.init(this.$options.dicts)options和this.

程序员诚哥·2025-05-19 08:50

【vue】适合大型项目的封装（接口，全局字典，表格表头）

目录一、接口封装（完整分层实现）1.核心请求层封装(src/api/core/http.js)2.业务模块API(src/api/modules/user.api.js)二、全局字典管理（完整实现）1.VuexStore

咔咔库奇·2025-05-19 08:20

vue组件传参的八种方式详细总结

在Vue中，组件之间的传参是构建动态和交互性用户界面的关键。Vue提供了多种方式来传递参数，以下是对这些方式的详细说明：一、PropsProps是Vue中组件之间传递数据的一种常见方式。

咔咔库奇·2025-05-19 08:50

【vue】封装接口，全局字典，表格表头及使用

创建axios实例//src/utils/request.jsimportaxiosfrom'axios'constservice=axios.create({baseURL:process.env.VUE_APP_BASE_API

咔咔库奇·2025-05-19 08:47

VUE中的websocket的封装

socket.js部分varwebsock=null;letrec;//断线重连后，延迟5秒重新创建WebSocket连接rec用来存储延迟请求的代码letisConnect=false;//连接标识避免重复连接letcheckMsg="heartbeat";//心跳发送/返回的信息服务器和客户端收到的信息内容如果如下就识别为心跳信息不要做业务处理varglobalCallback=functio

HarryHY·2025-05-19 07:14

uni-app学习笔记（一）-官方文档的学习路线

uniapp（https://uniapp.dcloud.io/resource）3.快速上手（https://uniapp.dcloud.io/quickstart）4.白话uni-app【html、vue

026后勤处·2025-05-19 07:10

打包体积分析插件 vue3 (vite) ——rollup-plugin-visualizer，webpack——webpack-bundle-analyzer

使用打包工具在帮我门分析打包结果进而来做优化在用vite打包是通过rollup来完成的安装这里的打包体积优化是需要在开发环境下的所以不能在生产环境下安装的npminstall--save-devrollup-plugin-visualizernpmirollup-plugin-visualizer-D在vite.config.js中配置如下import{defineConfig,typePlugi

HarryHY·2025-05-19 07:06

按钮样式统一

子组件import{computed,useAttrs}from'vue';defineOptions({//定义组件选项，设置inheritAttrs为false，表示不自动将属性绑定到根元素上inheritAttrs

HarryHY·2025-05-19 07:36

前端桥接模式对接腾讯LBS和高德开放平台（以vue + vite为例）

桥（PATH/index.js）letmodule;//vite中标注依赖关系，底层默认是懒加载的constmodules=import.meta.glob('./vendors/*.js'),init=async()=>{if(!module){constres=awaitrequest_LBS_config();//伪代码，这个需求用桥接模式是为了延迟绑定提升灵活性，配置参数应当存在服务端，否

warmbook·2025-05-19 05:55

Vue项目根治IOS微信web中，输入项blur之后页面不回落的问题

如题，不知道这个问题困扰各位WEBer多久了，反正我是跟它纠缠两三年了，最近开始真正学一下前端（本人赤脚医生，见笑了），终于找到了在Vue下彻底解决的方案，废话少说，先上代码：//注册Vue全局指令Vue.directive

warmbook·2025-05-19 05:54

基于Springboot+Vue+Mybatis的小说阅读管理系统

一、基于Springboot+Vue+Mybatis的小说阅读管理系统此项目为基于Springboot+Vue+Mybatis的小说阅读管理系统，主要分为用户端和管理端两个模块。

Coding路人王·2025-05-19 02:34

Vue--键盘修饰符

2.定义键盘修饰符://键盘修饰符定义定义回车并且去f2别名13对应的是enter回车键Vue.config.keyCodes.f2=13

码码姑娘·2025-05-19 01:34

Vue.js的侦听器watch的实现原理

Vue.js是一种流行的JavaScript框架，用于构建用户界面。它提供了许多强大的特性，其中之一是侦听器（watcher），它允许开发者监视数据的变化并执行相应的操作。

JhzDev·2025-05-19 01:34

Vue2基础篇-09-键盘事件

1.demo键盘事件newVue({el:"#root",methods:{showInfo(e){console.log(e.key,e.keyCode)alert("hello")},},})2.小总结

Alan0517·2025-05-19 01:04

vue-ganttastic甘特图label标签横向滚动固定方法

这个甘特图之前插件里，没有找到能固定label标签在屏幕上的办法，用css各种办法都没有实现，所以我我直接手写定位，用js监听滚动条滚动的距离，然后同步移动甘特图label标签，造成一种定位的错觉，以下是代码：我用的是介绍|PureAdmin保姆级文档（已更新至最新版v6.0.0）这个前端框架，感觉功能还是非常完善的，作者全职做开源，希望大家也多多支持。这个是全部甘特图的示例代码import{re

m0_51396253·2025-05-19 01:02

解决vue+springboot可能遇到的跨域问题和sessionid每次不同问题

1.跨域问题在配置类中添加/*跨域问题*/@OverridepublicvoidaddCorsMappings(CorsRegistryregistry){registry.addMapping("/**").allowedOrigins("*").allowedMethods("GET","HEAD","POST","PUT","DELETE","OPTIONS").allowCredentia

单筱风·2025-05-19 01:29

【附源码】基于springboot+Vue+Uniapp博物馆展品展示与智能互动微信小程序

系统概要本系统包含前台和后台两部分，多角色登录、功能完善、页面优美用户端：首页、展品、论坛、周边礼品、我的(多项功能)管理员端：首页、个人中心、用户管理、展品展示管理、论坛管理、礼品类型管理、周边礼品管理、系统管理、订单管理系统介绍项目环境：JDK1.8+Tomcat8.0+MySQL5.7+Maven+IntelliJIDEA+NavicatPremium+Hbuilder+微信开发者工具项目技

辅导毕业设计·2025-05-19 00:24

基于SpringBoot的同城宠物照看管理系统

作者：计算机学姐开发技术：SpringBoot、SSM、Vue、MySQL、JSP、ElementUI、Python、小程序等，“文末源码”。

计算机学姐·2025-05-18 22:40

python项目参考文献

技术范围：SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、安卓app、大数据、物联网、机器学习等设计与开发。

秋野酱·2025-05-18 20:29

vue中使用video.js进行视频播放

videojs.com/安装npminstallvideo.jsmain.js中引入importVideofrom'video.js'import'video.js/dist/video-js.css'Vue.prototype

MK_麦客·2025-05-18 20:59

stylus vue 报错_手把手教大家搭建一个vue-cli3 的项目

首先准备条件:下载安装node和npm(VueCLI需要Node.js8.9或更高版本，官方推荐8.11.0+版本)去官网下载:傻瓜式安装(一路回车),好了之后,我们打开cmd检查一下我们是否安装成功,

weixin_39687621·2025-05-18 20:58

vue中使用video.js播放m3u8格式的视频

docs.videojs.com/)1.2、[`Github`](https://github.com/videojs/video.js)二、实现2.1、安装依赖2.2、`main.js`2.3、`video.vue

小马甲丫·2025-05-18 20:58

在vue中this.$emit有哪些作用,事件监控具体含义，以及这些子组件能封装哪些功能组件

this.$emit的作用this.$emit的作用是触发一个自定义事件，并将数据传递给父组件。父组件可以通过v-on（或@）监听这个事件，并在事件触发时执行相应的处理函数。this.content的作用this.content是子组件的props，它从父组件接收数据。在你的代码中，this.content表示子组件当前的content值。当你调用this.$emit(‘update’,this.

cdcdhj·2025-05-18 20:26

Vue2项目中使用videojs播放mp4视频

步骤1:安装Video.jsnpminstallvideo.js--save步骤2:创建VideoPlayer组件importvideojsfrom'video.js';import'video.js/dist/video-js.css';//引入Video.js默认样式exportdefault{name:'VideoPlayer',props:{options:{type:Object,def

Brilliant Nemo·2025-05-18 20:54

vue用通过npm的webpack打包编译，这样更适合灵活配置的项目

如果你不想使用VueCLI，也可以直接通过npm安装Vue，然后手动配置项目。创建项目目录创建一个新的项目目录，例如my-vue-project，并进入该目录。

cdcdhj·2025-05-18 20:53

vue3封装命令式弹窗组件

一、前言相信大家都封装过弹窗组件，基本思路都是父组件给子组件传递一个变量，子组件props进行接收，当点击确认或者关闭按钮时，通过emit回传事件供父组件调用。这种封装方式缺点是复用性查、使用频繁时需要定义多份{isVisible、handleSubmit、handleClose}代码，代码冗余，今天分享一种命令式组件封装的方式。二、什么是命令式组件命令式组件封装是一种将功能封装在组件内部，并通过

不会切肉的小辉同学·2025-05-18 20:23

【TypeScript 中的高级类型系统详解：Record、Ref 与字面量联合类型】

TypeScript中的高级类型系统详解：Record、Ref与字面量联合类型1.引言在现代Vue项目开发中，TypeScript的类型系统扮演着至关重要的角色，尤其是当我们使用组合式API进行开发时。

Gazer_S·2025-05-18 19:53

vue2 组件封装

vue2组件封装文件组织形式Vue组件的三大核心属性（props、data和样式）datavsprops打破props单向数据流事件表单修饰符事件修饰符插槽新指令v-slot其他杂项组件生成id\$nextTick

JackChouMine·2025-05-18 19:48

前端技术栈学习：Vue2、Vue cli脚手架、ElementUI组件库、Axios

1基本介绍（1）Vue是一个前端框架,易于构建用户界面（2）Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或项目整合（3）支持和其它类库结合使用（4）开发复杂的单页应用非常方便（5）Vue是

随遇而安622&508·2025-05-18 19:18

推荐频道

_Vue