VUe

v-if、display、visibility、opacity隐藏元素的区别

前端元素隐藏与条件渲染完全指南（Vuevs.Reactvs.CSS）本文对比v-if、v-show、display:none、opacity:0、visibility:hidden以及React条件渲染的差异

甘露寺·2025-06-29 07:48

#Vue3篇： vue3梳理：&ref自动解包&key使用

vue3Attribute绑定同名简写如果attribute的名称与绑定的JavaScript值的名称相同，那么可以进一步简化语法，省略attribute值在模板中使用ref时，我们不需要附加.value

程序员xiaolibao·2025-06-29 06:14

vue3中ref自动解包

1.模板中使用ref类型的数据，会自动解包，注意需要是顶级的ref{{name}}import{ref}from'vue'constname=ref('hello')下面的ref不会自动解包{{num}

·2025-06-29 06:44

vue3中实现高德地图地址搜索自动提示（附源码）

Vue3实现高德地图搜索自动提示功能引言上一篇文章详细讲解了如何在Vue3项目中集成高德地图，本文将重点介绍地址搜索自动提示功能的实现。

年纪轻轻就扛不住·2025-06-29 06:13

keep-alive实现原理及Vue2/Vue3对比分析

一、keep-alive基本概念keep-alive是Vue的内置组件，用于缓存组件实例，避免重复渲染。

年纪轻轻就扛不住·2025-06-29 06:12

react快速开始项目模板

vitenpmcreatevitereact-learncdreact-learnnpmi目录结构一个完整的前端项目需要:状态管理在全局维护共有的状态(数据),让页面组件之间共享数据,我们使用pinia路由路由让页面之间可以进行跳转,我们使用vue-router

飞鸟malred·2025-06-29 06:41

Error in created hook: “TypeError: Cannot read properties of undefined (reading ‘style‘)“

问题解决这个错误通常在Vue组件的created钩子函数中发生，它表示在该钩子函数中尝试读取一个未定义的对象的style属性。

本郡主是喵·2025-06-29 06:10

Java web%10

%10新路线Javawebai笔记阶段时长内容Web前端基础2天HTML、CSS、JS、Vue3、AjaxWeb后端基础4天Maven、HTTP协议、SpringIOC、DI、MySQL、JDBC、MybatisWeb

好学且牛逼的马·2025-06-29 03:53

使用 TinyVue 组件库搭建前端项目的实操体验

引言在本次活动中，我选择了使用OpenTiny提供的TinyVue组件库来搭建一个前端项目。通过这次实践，我不仅深入了解了TinyVue组件库的核心优势，还体验到了其在跨框架、跨版本开发中的便捷性。

Echo_Wish·2025-06-29 00:00

Vue添加图片作为水印

直接上代码把图片作为水印computed:{watermarkPositions(){constcontainerW=800;constcontainerH=1492;//info-warp高度constarr=[];for(lety=0;y.info-warp{width:800px;height:1492px;.image-container{position:relative;width:1

·2025-06-29 00:30

直播分享|TinyVue 组件库主题适配原理与实战

因此6月27日晚19点，体验技术团队TinyVue项目成员岑灌铭老师将为大家带来以《TinyVue组件库主题适配原理与实战》为主题的分享，届时将与大家共同探讨主题适配的内容概述及方案详解。

OpenTiny社区·2025-06-29 00:59

vue的侦听器及怎么侦听数组--笔记

作用侦听属性响应数据的变化，当数据发生改变的时候会立即执行对应的函数letvm=newVue({el:"#test",data:{entry:""},watch:{entry(){console.log

小番茄炒鸡蛋·2025-06-29 00:59

《Vuejs设计与实现》第 12 章（组件实现原理上）

目录12.1组件的渲染12.2组件状态与自更新12.3组件实例与生命周期2.4Props与组件被动更新在上一章节，我们详细探讨了渲染器的基本概念和实现方式，它的主要作用是将虚拟DOM渲染为真实DOM。然而，当我们处理复杂页面时，虚拟DOM描述页面结构的代码量可能会剧增，导致页面模板臃肿。为此，我们引入了组件化的概念，通过组件，我们可以将大型页面划分为多个模块，每个模块都独立为一个组件，最终组成完整

前端贾公子·2025-06-29 00:27

vue动态页面快照截图 html2canvas

安装依赖npminstallhtml2canvas新建组件SnapshotPage.vueimporthtml2canvasfrom"html2canvas";exportdefault{name:"SnapshotPage

懒大王、·2025-06-29 00:27

钉钉小程序开发的技术选型

多端开发框架vs原生开发框架uni-appuni-app是一个基于Vue.js的跨平台开发框架，它允许开发者通过

脑袋大大的·2025-06-28 21:32

钉钉小程序开发实战：打造一个简约风格的登录页面

钉钉小程序基于前端Web技术栈，采用类似于Vue的模板语法和组件化结构，非常适合快速构建轻量级企业内部应用。

脑袋大大的·2025-06-28 20:01

vue3.5中useTemplateRef获取DOM元素

前言：vue3.5推出了一种新的获取DOM元素的API（useTemplateRef），它与vue3.5之前获取DOM元素有什么不同呢？今天我们来学习一下。

whhhhhhhhhw·2025-06-28 20:31

模板应用更新同步到所有开发中的应用

需求是为多个Vue3应用方便地同步模板更新，并且模板自身也可能演进，采用Git上游仓库(Upstream)策略。

z日火·2025-06-28 20:30

解决vue移动端哈希模式页面返回滚动条置顶问题

问题：如a页面为列表，点击列表进入b页面，再返回a页面，a页面的滚动条置顶了解决思路：使用keep-alive缓存页面，在路由跳转时存储滚动条高度，在页面显示是设置滚动条高度全局js文件GFN.jsexportdefault{/***储存列表滚动条高度*@paramt*/saveScroller:(t)=>{t.scrollY=t.$refs.v_list.scroller.scrollTop},

【03】·2025-06-28 20:00

校园志愿者系统前端代码实现及技术解析

本文还有配套的精品资源，点击获取简介：本项目集中展示了Web开发中的关键技术和框架，包含PHP、Vue.js、ElementUI和Laravel在校园志愿者系统前台构建中的应用。

创新工场·2025-06-28 20:00

实现 el-table 中键盘方向键导航功能vue2+vue3（类似 Excel）

实现el-table中键盘方向键导航功能vue2+vue3（类似Excel）功能需求在ElementUI的el-table表格中实现以下功能：使用键盘上下左右键在可编辑的el-input/el-select

·2025-06-28 20:27

关于uniapp+vue2 升级 Vue3 后无法获取 query的问题

关于uniapp+vue2升级Vue3后无法获取query的问题tag：vue3迁移、uniapp兼容性、$mp变更、vue2升级、前端坑点记录在升级公司项目的时候，从uniapp+Vue2迁移到uniapp

代码简单说·2025-06-28 19:51

vue3 添加onShow,每次显示都执行

vue3的生命周期没有onShow,uniapp有提供onShow.有时候我们希望用户离开在回到页面时，把他最关心的可能变化比较平繁的数据刷新出来。

萧大侠jdeps·2025-06-28 19:50

【vue.js之夯实基础-3】TypeScript 入门之简介

教程实例参照->入门教程详细教程参照->详细教程完全教程->完全教程什么是TypeScriptTypedJavaScriptatAnyScale.添加了类型系统的JavaScript，适用于任何规模的项目。TypeScript的特性类型系统从TypeScript的名字就可以看出来，「类型」是其最核心的特性。我们知道，JavaScript是一门非常灵活的编程语言：它没有类型约束，一个变量可能初始化时

alwarse·2025-06-28 19:19

uniapp vue3版本的一些小细节！

1,生命周期的引用import{onShow,onHide,onLoad}from"@dcloudio/uni-app"onShow(()=>{showLog('onShow')})onLoad((options)=>{showLog('onLoad')})需要引入，才可以调用2，全局引入css在main.js或者ts中，导入就可以//例如引入全局CSS文件import'./util/baseCs

养乐多～ch·2025-06-28 18:46

computed()、watch() 与 watchEffect()

下面，我们来系统的梳理关于computed、watch与watchEffect的基本知识点：一、核心概念与响应式基础1.1响应式依赖关系Vue的响应式系统基于依赖收集和触发更新的机制：响应式数据依赖收集创建依赖关系数据变更触发更新执行副作用

前端岳大宝·2025-06-28 17:34

ref() 与 reactive()

在Vue中，响应式系统实现了：数据驱动视图：数据变化自动更新DOM依赖追踪：自动跟踪数据依赖关系高效更新：最小化不必要的DOM操作1.2Vue响应式系统演进版本响应式实现特点Vue2Object.defin

前端岳大宝·2025-06-28 17:34

2025 VUE常见面试题

前言总结一些VUE面试的基础知识，共同学习1.什么是Vue？

hmildj·2025-06-28 17:02

Vue 3 的＜script setup＞语法糖与 TypeScript 的深度整合

在Vue单文件组件中，标签除了lang、async、defer、src和name属性外，还有一些其他重要属性和用法值得关注。

前端熊猫·2025-06-28 16:31

＜script setup＞语法糖

下面，我们来系统的梳理关于Vue3语法糖的基本知识点：一、核心概念1.1什么是？

前端岳大宝·2025-06-28 16:28

Vue SPA 路由跳转无法回到顶部问题排查与解决

VueSPA路由跳转无法回到顶部问题排查与解决1.问题现象描述在使用Vue3+VueRouter4开发单页应用（SPA）时，遇到如下问题：点击导航栏或页脚的路由跳转后，页面没有自动回到顶部。

浪裡遊·2025-06-28 12:03

uniapp中表格固定列（Vue）

一、编写表格：主要是使用了position:sticky;进行固定，不要忘记写top/left/right/bottom的数值哦~表头1表头2表头3表头4表头5表头6操作{{item.data1}}{{item.data2}}{{item.data3}}{{item.data4}}{{item.data5}}{{item.data6}}详情exportdefault{data(){return{t

ᥬ 小月亮·2025-06-28 12:29

微信小程序封装loading 修改

1.custom-loading.vue{{text}}{{dots}}exportdefault{props:{visible:Boolean,text:{type:String,default:'加载中

-嘻嘻哈哈~·2025-06-28 11:54

推荐使用：Vue-Cron —— 简易CRON表达式生成器

乌昱有Melanie·2025-06-28 10:19

vue-cron: Cron表达式UI组件开发指南

vue-cron:Cron表达式UI组件开发指南项目地址:https://gitcode.com/gh_mirrors/vu/vue-cron项目介绍vue-cron是一个基于Vue框架设计的cron表达式

刘通双Elsie·2025-06-28 10:19

vue3 实现文件上传

1、上传文件html上传文件将文件拖到此处，或点击上传只支持pdf、doc、docx、png、jpg提交import{ref,reactive}from'vue'import{uploadImg

编程（变成）小辣鸡·2025-06-28 10:16

vue el-date-picker 直接赋值时控件失效

项目场景：前端vueel-date-picker控件无故失效问题描述本人是主打后端，新进的公司要求前后端全干，然后又因为前端做得少，所以经常碰到一些奇怪的问题，比如以下操作，是给vue前端el-date-picker

梓暮·2025-06-28 10:16

适用于vue3的移动端Vant4组件库

适用于vue3的移动端Vant4组件库地址：（https://vant-ui.github.io/vant/#/zh-CN/home）安装：npmivant

柒@宝儿姐·2025-06-28 10:44

在vue3项目中使用el-upload实现文件上传

在vue3项目中使用el-upload实现文件上传template将文件拖到此处，或点击上传是否更新已经存在的用户数据仅允许导入xls、xlsx格式文件。

柒@宝儿姐·2025-06-28 10:44

vue3 使用 Univer Sheets 电子表格组件

背景部门要进行在线数据填报：excel表格样式不限;因为要支持直接从excel直接粘贴，经筛选选择：UniverSheetsUniverSheets官网地址https://docs.univer.ai/zh-CN/guides/sheets1、安装和配置#安装核心包pnpmadd@univerjs/presets正常到这就可以了，但是我这边前台报react版本错误，所以去源码包看了一下版本，单独指

小云小白·2025-06-28 09:13

vue+Element 动态表单动态增减表单项

动态增减表单项也是比较常用的，除了在Form组件上一次性传递所有的验证规则外还可以在单个的表单域上传递属性的验证规则，在一些需求下面很灵活方便。下面来看看怎么样实现动态增加，验证，删除表单项。直接上代码点击打开动态表单1"class="box_threeel-icon-delete"@click="removeDomain(item)">现在有({{quantity||"1"}})个最多45个新增

疯人院里的疯言风语·2025-06-28 09:42

Three.js + Vue 处理glb文件过大问题（DRACOLoader加载压缩glb）

起因，three.jsediter导出的glb文件过于庞大，导致部署后文件加载过久解决方法：第一步（得有个blender），压缩：导出时把压缩勾选上这时候我们会得到一个glb文件，但与three.jsediter导出不同的的是，这个文件引入代码中会报如下错误这个警告表明在使用THREE.GLTFLoader时，没有提供DRACOLoader实例。DRACOLoader是用于加载Draco压缩格式的

printf_824·2025-06-28 09:12

【ElementUI】日期选择器时间选择范围限制

ElementUI是饿了么推出的一套基于vue2.x的一个ui框架。官方文档也很详细，这里做一个element-ui日期插件的补充。

前端Joy姐·2025-06-28 09:41

vue大数据量列表渲染性能优化：虚拟滚动原理

前端分页小节：Vue3扁平化Tree组件的前端分页实现节点数据懒加载小节：ElementTreePlus版功能演示：数据懒加载关于扁平化结构Tree和嵌套结构Tree组件的渲染嵌套结构的Tree组件是一种递归渲染

Java小卷·2025-06-28 09:41

Vue3+ element 实现导入导出

青柠97·2025-06-28 09:40

ElementPlus表格相关操作大全-2

网址：一个Vue3UI框架|ElementPlus(element-plus.org)https://element-plus.org/zh-CN/例：组件——Form表单典型表单参考代码：-OnlineactivitiesPromotionactivitiesOfflineactivitiesSimplebrandexposureSponsorVenueCreateCancelimport

朝阳 Melo·2025-06-28 09:40

element周选择器---设置展示周和日期

element周选择器：粘贴可用实现效果：—代码：npminstalldayjs--savemain.jsimportdayjsfrom"dayjs";Vue.prototype.dayjs=dayjs

GLINLIND·2025-06-28 09:09

Vue样式绑定与条件渲染详

一、Vue样式绑定在Vue中，我们可以通过多种方式动态地绑定样式，让界面根据数据状态变化而自动更新样式。

tianzhiyi1989sq·2025-06-28 09:09

elementUI轮播图组件el-carousel适配移动端大小(图片加载好后根据大小适配)

获取img实例，动态设置el-carousel高度import{ref,onMounted,onBeforeUnmount,nextTick}from'vue';constbanners=ref(['/

printf_824·2025-06-28 09:09

【Vue】全面解析unplugin-vue-components按需自动导入组件的终极指南

欢迎来到[爱学习的小羊]的博客！希望你能在这里发现有趣的内容和丰富的知识。同时，期待你分享自己的观点和见解，让我们一起开启精彩的交流旅程！>首页：爱学习的小羊–热爱AI、热爱Python的天选打工人，活到老学到老！！！导航-常用开发工具：包含代码补全工具,Vscode-AI工具,IDERorPycharm-AI工具,如何使用Cursor等更多教程…-VScode-AI插件：集成13个种AI模型（G

爱学习的小羊啊·2025-06-28 06:18

推荐频道

VUe