vue组件开发

Vue3 中如何根据路由动态生成侧边菜单

在Vue3的项目开发，尤其是后台管理系统这类复杂应用场景中，侧边菜单扮演着举足轻重的角色，它是用户快速导航至各个功能模块的得力助手。
Jiaberrr·2025-01-17 07:07

基于 Vue 的拖拽缩放卡片组件：实现思路、方法及使用指南

本文将介绍一个基于Vue封装的可缩放卡片组件，从实现思路、代码具体实现以及使用方法等方面进行详细阐述，帮助开发者更好地理解和运用这一组件。
Jiaberrr·2025-01-17 07:07

uni-app中使用Element UI的正确姿势：打造优雅的跨平台应用界面

而ElementUI作为一款优秀的Vue.js组件库，为开发者提供了丰富的UI组件，使得构建复杂界面变得简单快捷。下面，我们就来探讨如何在uni-app项目中使用ElementUI。
Jiaberrr·2025-01-17 07:07

[20250116]-前端面试题——Vue篇

面试问题记录问题1请简单介绍一下你对Vue的理解，包括它的特点和优势。回答：Vue是一款渐进式JavaScript框架，主要用于构建用户界面。它的核心库专注于视图层，并且易于与其他库或现有项目集成。
·2025-01-17 05:12

Vue 开发者的 React 实战指南：表单处理篇

作为Vue开发者，在迁移到React开发时，表单处理的差异是一个重要的适应点。本文将从Vue开发者熟悉的角度出发，详细介绍React中的表单处理方式和最佳实践。
·2025-01-17 05:39

vue video重复视频 设置 srcObject 视频流不占用资源 减少资源浪费

//直接设置srcObject减少获取视频流：通过captureStream()方法从下方视频元素获取视频流。//设置srcObject：将获取到的视频流设置为上方视频的srcObject减少资源浪费//获取到需要复制到的dom元素constfirstVideoElement=proxy.$refs.firstVideo;//获取需要复制的视频流元素constactiveVideoElement=
web网页精选·2025-01-17 05:23

如何只使用 CSS 实现网站的暗黑模式切换

CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读想让你的网站从“明亮清新”切换到“暗黑酷炫”，而不依赖任何JavaScript？没问题！
·2025-01-17 05:01

vue中在一个页面复用同一个echarts写的组件不能显示的问题，使用ref解决问题及原理分析

1.问题：前端vue创建echarts相关组件之后，不能在同一个页面进行多次引入，只能正常显示第一个引入的问题。2.解决办法：将id命名的dom元素改为ref方式。
比较好记·2025-01-17 04:19

vue中路由点击两次报错问题，加个判断

methods:{//点击菜单路由跳转clickMenu(item){//当页面路由与点击后要跳转的路由不一致才允许跳转，且不是重定向情况if(this.$route.path!==item.path&&!(this.$route.path==='/home'&&(item.path==='/'))){this.$router.push(item.path)}}},
比较好记·2025-01-17 04:48

对于vue中＜template #default=“{row}“＞ 的解释

是一个在Vue.js的模板中使用的语法，特别是在Vue的表格组件（如ElementUI的el-table）中。这个语法是用于定义如何渲染表格的每一行数据。
wangyk,C'est la vie·2025-01-17 04:41

【HarmonyOS NEXT应用开发】案例65：Fabric 自定义组件开发指导

1.编写RN调用Fabric组件的代码编写MarqueeViewNativeComponent.tsx，注意，如果要使用Codegen，文件必须以NativeComponent命名。在文件中使用codegenNativeComponent创建MarqueeView组件，其中MarqueeViewProps里声明了src属性和onStop事件：typeOnStopEventData=Readonly
青少年编程作品集·2025-01-17 03:04

Node.js、Vue 和 React 的关系和区别

Node.js、Vue和React是前端和后端开发中常用的技术，它们各自有不同的作用，但可以协同工作来构建现代化的Web应用。为了通俗易懂地理解它们的关系，我们可以用一个餐厅的比喻来说明。
佐木宥轩·2025-01-17 01:50

vue3中的provide和inject实用案例之基于el-dialog的命令式弹框，直接一行js代码打开

需求场景某些情况下，我们要使用一个弹框组件的时候一般都是这样使用：Thisisadialogimport{ElDialog}from'element-plus'import{ref}from"vue";
·2025-01-17 00:44

圈子交友app小程序公众号/圈子社群创建必须要注意的几个点

例如，对于跨平台应用，可以考虑使用vue、uniapp等前端框架；后端则可以选择php等组合，以保证数据处理的效率和安全性。平台搭建：搭建稳定、易用、美观的App、小程序或公众号平台。
·2025-01-17 00:44

深入解析Vue.js组件开发：从基础到进阶

Vue.js作为一款渐进式的JavaScript框架，其独特的设计理念和易用性使得它在现代前端开发中占据了重要地位。
冷夜雨.·2025-01-17 00:39

Vue 开发者的 React 实战指南：路由和导航篇

作为Vue开发者，在迁移到React开发时，路由系统的差异是需要重点关注的部分。本文将从VueRouter的使用经验出发，详细介绍ReactRouter的使用方式和最佳实践。
·2025-01-17 00:10

【学术会议论文投稿】前端框架巅峰对决：React、Vue与Angular的全面解析与实战指南

React、Vue和Angular作为当前最流行的三大前端框架/库，各自拥有独特的优势和适用场景。本文将通过深入的文字解析和代码讲解，帮助开发者理解这三者的差异，并
小周不想卷·2025-01-16 23:00

java ssm基于微信小程序的面向企事业单位的项目申报评审系统（源码+文档+运行视频+讲解视频）

文章目录系列文章目录目的前言一、详细视频演示二、项目部分实现截图三、技术栈后端框架SSM前端框架vueSSM框架详细介绍系统测试微信小程序介绍四、代码参考源码获取目的摘要：基于JavaSSM与微信小程序的项目申报评审系统
QQ2279239102·2025-01-16 23:29

vue2基础组件通信案例练习：把案例Todo-list改成使用全局事件总线

main.jsnewVue({el:'#app',render:h=>h(App),beforeCreate(){Vue.prototype.$bus=this},})App.vuem
·2025-01-16 23:39

《进阶篇第9章》学习vuex知识点后练习：把求和案例改成vuex版代码

@[toc]效果展示：注意点1：问题：如何实现“当前和为奇数再加”？答案：incrementOdd(){if(this.sum%2){this.sum+=this.n}}注意点2:问题：select下拉框默认为1时，点击加号没问题，但是下拉框选中为2时，n值变成字符串了，不应该是数字类型名吗？旧代码：无论设置value="1"还是value=1都无效当前求和为：{{sum}}123答案：因为没设置
·2025-01-16 22:09

5分钟内理解 .prototype 链 | 2024

CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读在JavaScript的世界里,原型(prototype)系统是一个常被讨论但不易掌握的概念。
·2025-01-16 22:36

vue3中用MutationObserver加hook方式实现视频不可拖拽功能&效能工具（六）一键提交git代码bat脚本

github完整代码：https://github.com/shuirongshuifu/vue3-echarts5-example需求描述项目中有视频播放功能采取的是开源组件，西瓜视频的开源组件点击去官网
·2025-01-16 22:36

Vue3中使用hook实现按住Shift快速勾选el-table功能

键快速勾选功能大概就是仿windows系统的文件shift按住选中功能反正就是尽可能多的让用户勾选方便用户快速勾选操作github完整代码：https://github.com/shuirongshuifu/vue3
·2025-01-16 22:04

vue3 uiapp实现一个数字输入组件， 输入非数字会默认转成最小数

实现一个数字输入组件用户输入字符串、汉字、字母等非数字，会默认转成最小数使用vue3最新语法defineModel-=max}"@click="handlePlus">+import{ref,toRefs
初遇你时动了情·2025-01-16 22:23

vue学习总结

1.v-if2.v-show3.动态组件4.组建根节点三、vue创建项目有两种方法：1.vueinitwebpack项目名称2.vuecreate项
·2025-01-16 22:29

【精选】基于RFCBAMConv与YOLOv8优化的杂草分割系统 农业智能检测平台、深度学习图像分割与注意力机制融合 杂草智能识别与分类系统、深度学习目标分割优化改、进型YOLOv8杂草图像分割系统

技术范围：我熟悉的技术领域涵盖SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nod
程序员阿龙·2025-01-16 21:46

计算机毕业设计springboot+vue基本微信小程序的云宠物小程序-宠物领养

项目介绍当今科技发展迅速,交通环境也变得越来越复杂。人们的出行方式变得多元化,这给视障人士带来了一定的困扰。而导盲犬可以帮助视障人士外出行走,提高他们的生活质量。在我国,导盲犬的数量远远少于视障人士的数量。由于导盲犬的训练周期长、成本高、淘汰率也高,使得现有的培训基地面临经费短缺、训导师稀缺等问题。导盲犬作为残疾人福利事业的重要组成部分,不仅反映一个国家社会福利事业发展的程度,更能够唤起整个社会对
QQ1061662411·2025-01-16 20:04

Vue环境变量配置指南：如何在开发、生产和测试中设置环境变量

-##前言Vue.js是一个流行的JavaScript框架，它提供了许多工具和功能来帮助开发人员构建高效、可维护的Web应用程序。
Front_Yue·2025-01-16 19:53

回顾技术圈的2024尤雨溪喷React的“开年之战”

这场讨论的导火索来自于Vue.js的创始人尤雨溪，他在Twitter上发表了对React新版文档的批评，认为React将复杂性转嫁给用户，未能有效地减轻使用该框架的心智负担。
·2025-01-16 18:40

Vue 开发者的 React 实战指南：部署与持续集成篇

作为Vue开发者，在迁移到React开发时，除了开发过程中的差异，部署和持续集成的策略也需要相应调整。本文将详细介绍React项目的部署流程和持续集成最佳实践。
·2025-01-16 18:34

Vue 开发者的 React 实战指南：测试篇

作为Vue开发者，在迁移到React开发时，测试策略和方法也需要相应调整。本文将从Vue开发者熟悉的角度出发，详细介绍React中的测试方法和最佳实践。
·2025-01-16 18:33

Vue 开发者的 React 实战指南：性能优化篇

作为Vue开发者，在迁移到React开发时，性能优化的思路和方法会有所不同。本文将从Vue开发者熟悉的角度出发，详细介绍React中的性能优化策略。
·2025-01-16 18:02

只有 1% 的开发人员能在 60 秒内找到代码中的错误

CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读下面这段简单的JavaScript代码里藏着一个不起眼但足以让人抓狂的错误：functiongetResult(a,b){return{
·2025-01-16 18:30

npm安装vue.js的2.x和3.x版本的vuex/vue-router/vue-cli安装命令

1.vue2和vue3安装几个组件的指令有@的区别vue2安装组件指令没有@,但是vue3有,我不知道为啥。
·2025-01-16 16:24

大数据新视界 --大数据大厂之 Vue.js 与大数据可视化：打造惊艳的数据界面

亲爱的朋友们，热烈欢迎你们来到青云交的博客！能与你们在此邂逅，我满心欢喜，深感无比荣幸。在这个瞬息万变的时代，我们每个人都在苦苦追寻一处能让心灵安然栖息的港湾。而我的博客，正是这样一个温暖美好的所在。在这里，你们不仅能够收获既富有趣味又极为实用的内容知识，还可以毫无拘束地畅所欲言，尽情分享自己独特的见解。我真诚地期待着你们的到来，愿我们能在这片小小的天地里共同成长，共同进步。本博客的精华专栏：大数
青云交·2025-01-16 15:19

一个简易的 Vue-Ref 响应式系统

简易的Ref数据响应式+Renderer渲染器本案例实现的响应式效果非常有限，只做简单的demo演示，本案例既不是基于Object.defineProperty，也不是基于Proxy实现的响应式，而是基于存取器，其实都差不多。准备一个__Ref__，它可以将简单数据类型包装为一个响应式对象。class__Ref{#privateValue;#privateRely;//"桶"收集所有对#priva
·2025-01-16 15:46

笔记：vue 打包忽略部分文件检查。

在需要忽略的文件中加入/*eslint-disable*/1.js文件首行直接加入/*eslint-disable*/2.vue文件script中加入/*eslint-disable*/3.配置文件进行配置看大佬文章
apgk1·2025-01-16 15:48

Vue3中通过加密串进行后端验证并实现登录跳转教程

在Vue3中进行登录并通过加密串进行后端验证，一般步骤是：用户输入用户名和密码，前端将其加密后发送给后端进行验证，后端验证通过后，返回身份验证信息（如令牌），前端接收验证结果并实现登录跳转。
·2025-01-16 15:41

前端-从入门到入土

spm_id_from=333....框架部分这里推荐Vue框架，相对React会更容易上手，并且中文文档也相对友好推荐教程：https://www.bilibil
·2025-01-16 15:09

Vue.js：轻量高效的前端框架

Vue.js是一个用于构建用户界面的渐进式JavaScript框架，因其轻量、灵活和易上手的特性备受欢迎。Vue.js不仅适合小型项目的快速开发，也可用于构建复杂的单页面应用（SPA）。
·2025-01-16 15:32

关于Elementui中el-select自动展开

思路：点击模拟框时自动聚焦//在main.js中注册一个全局自定义指令`v-focus`Vue.directive('focus',{//当被绑定的元素插入到DOM中时……inserted:function
·2025-01-16 15:31

vue表单案例练习：vue表单创建一行数据及删除数据的实现与理解

==如何使用Vue：基本结构:1、引入Vue的核心JS文件2、准备Dom结构3、实例化组件通过el属性，挂载元素，绑定id为app的html元素通过data属性，定义数据，可以在html代码段中显示的数据
·2025-01-16 15:30

vue2基础组件通信案例练习：把案例Todo-list改成使用消息订阅与发布

App.vueimportpubsubfrom'pubsub-js'methods:{//删除一个tododeleteTodo(_,id){this.todos=this.todos.filter(todo
·2025-01-16 15:27

unplugin-dist-zip-pack：前端构建产物打包神器，开发者的得力助手

一、强大的功能特性unplugin-dist-zip-pack能够将构建产物完美打包，并且支持众多主流的构建工具，包括Webpack、Vue-CLI、Vite、Rollup、esbuild、Astro、
·2025-01-16 15:22

基于SpringBoot的物业管理系统

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

【第一篇Laravel11安装】Laravel11 + Vue3.0前后端分离框架通用后台源码

①新建目录，取名laravel11-vue3-admin②打开mac终端，window是命令行，并进入刚刚新建目录下③composercreate-projectlaravel/laravelbackend④
·2025-01-16 14:13

element实现动态路由+面包屑

在Vue.js项目中，如果你已经安装了ElementUI，就可以很方便地使用el-breadcrumb组件。
软件技术NINI·2024-09-16 10:57

node.js学习

node.js学习实操过程及笔记~node.js学习视频node.js官网node.js中文网实操笔记githubcsdn笔记为什么学node.js可以让别人访问我们编写的网页为后续的框架学习打下基础，三大框架vuereactangular
小猿L·2024-09-16 09:46

vue3中el-table中点击图片放大时，被表格覆盖

问题：vue3中el-table中点击图片放大时，被表格覆盖。解决方法：el-image添加preview-teleported
叫我小鹏呀·2024-09-16 06:59

vue项目element-ui的table表格单元格合并

一、合并效果二全部代码exportdefault{name:'CellMerge',data(){return{tableData:[{id:'1',name:'王小虎',amount1:'165',amount2:'3.2',amount3:10},{id:'1',name:'王小虎',amount1:'162',amount2:'4.43',amount3:12},{id:'1',name:'
酋长哈哈·2024-09-16 06:59
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他