vue避坑

vue keep-alive标签的运用

keep-alive，想必大家都不会很陌生，在一些选项卡中会使用到。其实，它的作用大概就是把组件的数据给缓存起来。比如果我有一个选项卡，标签一，标签二，标签三。现在，我需要实现，当我在标签一的表单中输入内容后，点击标签二，再回到标签一，表单的内容依然存在。如果按以往的做法，不使用keep-alive，那是不能实现的。然而，我们只需要在选项卡的内容最外层包一个keep-alive标签即可。但这儿有一

·2025-07-12 18:03

Vue3+Vite+TS+Axios整合详细教程

1.Vite简介Vite是新一代的前端构建工具，在尤雨溪开发Vue3.0的时候诞生。类似于Webpack+Webpack-dev-server。

老马聊技术·2025-07-12 18:01

本地包解决npm error code E404

这个错误提示表明npm找不到名为create-vue-admin-cli的包。这是因为你开发的CLI工具还没有发布到npm官方注册表。

雅痞yuppie·2025-07-12 17:00

Java设计模式实战：高频场景解析与避坑指南

引言设计模式是软件开发的基石，但许多开发者面对23种模式时容易陷入“学完就忘”或“滥用模式”的困境。本文从工业级项目视角出发，精选10种高频设计模式，结合真实代码案例与主流框架应用，帮你建立模式思维，拒绝纸上谈兵。一、创建型模式：告别new的暴力美学1.工厂方法模式（FactoryMethod）核心痛点：对象创建逻辑散落各处，难以统一管理。场景案例：电商平台需要支持多种支付方式（支付宝、微信、银联

mckim_·2025-07-12 16:21

[Vue warn]: onUnmounted is called when there is no active component instance to be associated with

[Vuewarn]:onUnmountediscalledwhenthereisnoactivecomponentinstancetobeassociatedwith.LifecycleinjectionAPIscanonlybeusedduringexecutionofsetup

扬帆起航&d·2025-07-12 15:15

Vue3组件库实战: 打造高复用UI系统

Vue3组件库实战:打造高复用UI系统介绍什么是Vue3组件库在前端开发中，UI组件库是非常重要的一部分。

武昌库里写JAVA·2025-07-12 15:44

Ubuntu基础（Python虚拟环境和Vue）

sudoaptinstallpython3python3-venv进入项目目录cdXXX创建虚拟环境python3-mvenvvenv激活虚拟环境sourcevenv/bin/activate退出虚拟环境deactivateVue

aaiier·2025-07-12 15:13

vue3面试题(个人笔记)

vue3比vue2有什么优势？性能更好，打包体积更小，更好的ts支持，更好的代码组织，更好的逻辑抽离，更多的新功能。

武昌库里写JAVA·2025-07-12 14:40

el-timeline时间线（Plus）左边图标改为自定义图片

时间线左侧正常根据文档内容，是填写的icon，但通过icon属性还有另外一个类型，component，可以搭配h函数写一组img元素，实现将图标改为本地图片{{activity.content}}import{h}from'vue'constactivities

顾尘眠·2025-07-12 14:10

vue3 + Element Plus 系统主题切换

创建主题管理模块(用于配置颜色变量)新建src/utils/theme.tsimport{ref,watchEffect}from'vue'typeThemeType='light'|'dark'|'system

顾尘眠·2025-07-12 14:10

Vue.js 过渡 & 动画

Vue.js过渡&动画引言在Web开发中，过渡与动画是提升用户体验的关键元素。Vue.js作为一款流行的前端框架，提供了强大的过渡与动画功能，使得开发者能够轻松实现丰富的交互效果。

lsx202406·2025-07-12 14:37

Javaweb学习之Vue模板语法（三）

目录学习资料前情回顾本期介绍（vue模板语法）文本插值Vue的Attribute绑定使用JavaScript表达式综合实例代码：学习资料Vue.js-渐进式JavaScript框架|Vue.js(vuejs.org

不要数手指啦·2025-07-12 14:06

Vue3 tailwindcss

1、安装tailwindcsspnpmi-Dtailwindcsspostcssautoprefixer#yarnadd-Dtailwindcsspostcssautoprefixer#npmi-Dtailwindcsspostcssautoprefixer2、创建TailwindCSS配置文件npxtailwindcssinit-ptailwind.config.js/**@type{impor

·2025-07-12 14:05

Vue框架之模板语法全面解析

Vue框架之模板语法全面解析一、模板语法的核心思想二、插值表达式：数据渲染的基础2.1基本用法：渲染文本2.2纯HTML渲染：`v-html`指令2.3一次性插值：`v-once`指令三、指令系统：控制

AA-代码批发V哥·2025-07-12 14:34

资深开发者挖掘创作潜能指南

码龄超过4年的开发者们，你们早已不是编程新手，而是积累了宝贵经验、踩过无数坑、解决过复杂问题的宝藏创作者！是时候将这些无形的资产转化为有影响力的内容，点亮他人也成就自己了。

·2025-07-12 09:05

封装一个有最小化的dialog组件

{{title}}import{ElMessageBox}from'element-plus'import{defineComponent,ref,watch}from'vue'exportdefaultdefineComponent

嘉琪001·2025-07-12 09:31

JQ+vue实现图片拼接（无限套娃版）

css样式/*css初始化*/*{margin:0;padding:0;}/*去掉li的小圆点*/li{list-style:none;}/*去掉a的下划线*/a{text-decoration:none;}/*搜索框去除边框*/input,button,select{border:0;/*设置背景颜色为透明*/background-color:transparent;/*去掉外轮廓*/outli

小周同学:·2025-07-12 08:23

vue如何实现Cascader 级联选择器(二级全部选中只展示一级，三级全部选中只展示二级)

select提交重置级联exportdefault{data(){return{ruleForm:{selectLabel:[],idList:[],},citiesList:[],rules:{selectLabel:[{type:'array',required:true,message:'多选不能为空',trigger:'change'}],},props:{multiple:true,va

小周同学:·2025-07-12 08:23

uniapp 如何封装实现任意页面都能使用的全局弹窗

【实战干货】uniapp如何封装实现任意页面都能使用的全局弹窗标签：uniapp弹窗组件全局弹窗Vue动态渲染跨页面弹窗✨前端老司机亲授，uniapp无法在所有页面中直接用自定义弹窗？

代码简单说·2025-07-12 08:52

【前端】接口日志追踪

2.环境信息项目说明浏览器GoogleChrome120+开发者工具ChromeDevTools技术栈前端：Vue/React/其他接口类型RESTfulAPI/GraphQL3.解决方案3.1保留控制台日志

毕业茄·2025-07-12 08:52

uniapp对接unipush 1.0 ios/android

官方有文档可以根据文档来我这里用的是1.0为什么没有2.0因为2.0要用uinicloud注意每次打包之后cid都会变cid用户的标识iduniapp通过这个id可以把消息推送给指定人前端代码前端要做的很简单直接放到app.vue

车轮滚滚__·2025-07-12 08:20

uniapp自定义全局弹窗组件

/components/global-popup.vue'Vue.component('global-popup',globalModal)//在需要的页面引用组件this.

LuWiHa·2025-07-12 08:50

mybatis-plus: wrapper自定义sql

最近在写业务的时候遇到一些坑，现在把遇到的相关问题和解决方案分享一下：1.select中操作方法添加参数：@Param(Constants.WRAPPER)IPageMethod

·2025-07-12 07:13

uniapp项目如何优雅处理Token失效自动重试 token无感刷新

uniapp项目如何优雅处理Token失效自动重试token无感刷新标签：uniapp｜前端登录状态管理｜Token自动刷新｜前端重试队列作为一名前端开发，我在重构公司旧项目时，踩到了一个大家经常遇到的坑：

代码简单说·2025-07-12 05:03

python+springboot+vue的音乐系统

目录技术栈介绍具体实现截图系统设计研究方法：设计步骤设计流程核心代码部分展示研究方法详细视频演示试验方案论文大纲源码获取/详细视频演示技术栈介绍Django-SpringBoot-php-Node.js-flask本课题的研究方法和研究步骤基本合理，难度适中，本选题是学生所学专业知识的延续，符合学生专业发展方向，对于提高学生的基本知识和技能以及钻研能力有益。该学生能够在预定时间内完成该课题的设计。

QQ_511008285·2025-07-12 02:15

多模态模型在RagFlow中的应用

首先需要在当前租户下配置一个image2text的模型（这里有个坑，后面会讲到），在RagFlow的文档解析过程中主要有三个场景使用到这个image2text模型，我们一一来看下：PDF文档内容提取如果配置了

程序猿李巡天·2025-07-11 23:52

GitHub Actions自动化部署Vue项目到宝塔服务器

GitHubActions自动化部署Vue项目到宝塔服务器通过GitHubActions自动化部署Vue项目到宝塔服务器，可实现代码推送后自动构建和部署，极大提升开发效率，减少人工操作错误。

SnowDreamXUE·2025-07-11 23:52

多模态模型在RagFlow中的创新应用与实战案例

首先需要在当前租户下配置一个image2text的模型（这里有个坑，后面会讲到），在RagFlow的文档解析过程中主要有三个场景使用到这个image2text模型，我们一一来看下：PDF文档内容提取如果配置了

AGI大模型老王·2025-07-11 22:20

vue基础

在vue项目下的src->App.vue中有三个模板1.script是写js代码的地方2.template是写html的地方3.style是写css的地方npmi的作用是加载需要的依赖包

知还215·2025-07-11 21:12

极简Vue 3应用：从入门到掌握核心概念

Vue.js作为一款渐进式JavaScript框架，以其直观的API和灵活的架构受到广泛欢迎。对于初学者而言，Vue官方CLI生成的项目结构可能略显复杂，包含了各种资源文件、样式和示例组件。

程序猿全栈の董（董翔）·2025-07-11 20:34

node.js、npm是什么？服务器脚本语言有哪些？

6.Vue.js一定要安装node.js吗？7.开发环境：1.node和nodejs有区别吗:node和nodejs之间没有区别，node全称就是nodejs。

·2025-07-11 20:32

从零开始：手把手教你用 Uniapp 搭建多平台应用

不用学Java、Swift、ArkTS，只要你会Vue，就能轻松上手。简单来说，这个框架就像是一个"翻译官"，你用熟悉的Vue语法写代码

儿歌八万首·2025-07-11 19:57

前端高频面试题深度解析（JavaScript + Vue + jQuery）

前端高频面试题深度解析（JavaScript+Vue+jQuery）一、JavaScript核心问题解析事件冒泡与捕获机制对比：graphLRA[捕获阶段]-->|Window→父元素|B[目标元素]B

·2025-07-11 19:27

手把手教你玩转 Python 虚拟环境：从入门到实战避坑指南

在Python开发中，你是否遇到过这样的尴尬场景？当你在一个项目中安装了某个库的特定版本后，另一个项目却因为依赖冲突无法运行；或者不小心修改了系统Python环境，导致整个开发环境崩溃。别担心，这些都是因为没有正确使用虚拟环境惹的祸。今天我们就来系统学习Python虚拟环境的核心知识，让你的项目管理从此井井有条。一、为什么必须使用虚拟环境？——从版本冲突说起想象一下这样的场景：我们正在开发两个Py

佑瞻·2025-07-11 18:21

BeanUtils.copyProperties拷贝失败原因

BeanUtils.copyProperties拷贝失败的坑集合一切皆有因果，这个失败的原因绝不会是平白出现的。

双力臂404·2025-07-11 17:17

大四学生的前端实习记录

三面：更是奇葩，又让用vue脚手架写二面数据可视化的页面。无语至极，然后我两天之后交了，就不吱声了。当时我们班还有个女生也投的是

·2025-07-11 17:09

Node.js安装及环境配置完全指南（手把手保姆级教程）

1.Windows用户看这里2.Mac用户专属通道3.Linux用户命令行秘籍三、环境配置防坑指南1.PATH变量自查（重要！）

Cyb3rMagnet·2025-07-11 16:39

前端领域的前端设计模式技巧分享

文章将详细介绍常见的前端设计模式如观察者模式、单例模式、工厂模式等，并结合React、Vue等现代框架展示实际应用场景。同时，我们还将探讨设计模式在状态管理、性能优化和组件复

前端视界·2025-07-11 16:09

JavaScript 在前端 UI 框架中的应用与选型

JavaScript在前端UI框架中的应用与选型关键词：JavaScript、前端UI框架、应用、选型、React、Vue.js、Angular摘要：本文深入探讨了JavaScript在前端UI框架中的应用与选型问题

大厂前端小白菜·2025-07-11 16:08

前端UI逻辑复杂可以用什么设计模式

vue实现中介者模式在Vue中实现中介者模式，你可以通过创建一个全局的事件中心（EventBus）或者使用一个专门的库如mitt、tiny-emitter等来实现。

buyue__·2025-07-11 16:38

双击重复请求的方法

1、限制点击次数2、vue中可以自定义一个属性指令preventReClick.js中定义：importVuefrom'vue'Vue.directive('preventReClick',{inserted

北北~Simple·2025-07-11 16:06

uni-app跨平台开发：高效构建多端应用

字节跳动），API差异令人抓狂团队技能栈分散，ReactNative、Flutter、原生开发各自为战产品迭代缓慢，50%时间消耗在跨平台适配uni-app：破局者登场由DCloud推出的uni-app基于Vue.js

2301_81335708·2025-07-11 15:02

npm下载报错npm ERR code ERESOLVE

Whileresolving:@vue/[email protected]!Found:eslint-plugin-vue@8.7.1npmERR!

Aaron Con·2025-07-11 15:31

面试必问的线程池原理与实战：从源码到应用全解析

全文包含20+代码示例、5大避坑指南，帮你轻松应对面试中的高频考点。

混进IT圈·2025-07-11 15:29

基于Vue3 + Element Plus项目实现el-table表格操作列自适应宽度组件

前言在实际的后台管理系统开发中，表格是最常用的数据展示组件之一。而表格的操作列（通常包含编辑、删除、查看等按钮）往往需要根据业务需求动态显示不同的按钮，这就带来了一个问题：如何让操作列的宽度能够自适应按钮的数量和内容长度？传统的解决方案是手动设置固定宽度，但这种方式存在以下问题：宽度设置过小，按钮可能会被挤压或换行宽度设置过大，会浪费表格空间按钮数量动态变化时，固定宽度无法适应本文将介绍如何基于V

·2025-07-11 14:55

vue3+js+element plus 合并table表格

mergeColumns数组：这个数组列出了需要合并的列的属性名。只有这些列会被考虑进行合并。spanMethod函数：这个函数是el-table组件的span-method属性的回调函数，用于控制表格中单元格的合并。参数：row:当前行的数据对象。column:当前列的数据对象。rowIndex:当前行的索引。columnIndex:当前列的索引。逻辑：首先检查当前列的property是否在me

还是没有昵称叭·2025-07-11 14:25

vue：监听路由的变化

1.vue3import{useRouter}from'vue-router'constrouter=useRouter()//监听当前路由watch(()=>router.currentRoute.value

沐子a~·2025-07-11 14:55

Vue3 + TS + Element-Plus 封装的 Table 表格组件

代码中主要增加了3个插槽，operationsStart从操作栏开头增加按钮，operationsStart从操作栏结尾增加按钮，还有一个插槽用来自定义列的内容，就是TableModel里面的Key{{row[tableModel.key]}}<slotname="operationsStart"v-bind=

阳光的男夹克·2025-07-11 14:24

vue3 element plus table 使用固定列，滑动滚动会错位、固定列层级异常、滑动后固定列的内容看不到了

源码-->{{scope.row.category_name}}-->{{scope.row.end_time=="0"?"永久有效":scope.row.end_time}}{{scope.row.mer_state==1?"开启":"关闭"}}登录店铺修改密码营业执照编辑查看-->效果滚动条滑动后分类名称会盖住商家名称说明1、table-layout=“auto”2、el-table-colu

·2025-07-11 14:54

vue 侦听器watch 之深度监听 deep 以及 immediate

FullName:{{person.fullname}}FirstName:exportdefault{data(){return{person:{firstname:‘Menghui‘,lastname:‘Jin‘,fullname:‘‘}}},watch:{person:{handler(n,o){this.person.fullname=n.firstname+‘‘+this.person.

别来打扰我·2025-07-11 14:53

推荐频道