vue后台管理开发笔记第2页

框架基本知识总结 Day16

登录注意点前台接受到loginUser对象，前台后续的操作都需要依靠这个对象后台可以存在redis数据库中，前台可以存在vuex和Sessionstorage中vuex在刷新页面后数据会消失，需要使用浏览器的

小斌的Debug日记·2025-03-08 17:33

vue 左侧菜单隐藏_vue实现点击左侧菜单，右侧跟着显示隐藏

123456{{item.spaceName}}78910111213{{item.classifyCategoryName}}14151617181920{{item.spaceName}}21{{item.categoryName}}222324单价：{{item.price}}元25X{{item.num}}262728合计：{{item.amount}}元29303132333435363

weixin_39913117·2025-03-08 17:44

vue左侧导航栏动态绑定路由，换成横向动态导航栏，并改布局

1.官网静态导航栏分析处理中心无下拉的菜单下拉菜单我的工作台选项1选项2选项3选项4选项1选项2选项3消息中心订单管理2.router数据格式{path:'/model&

Spring（小雨点）·2025-03-08 17:58

vue element NavMenu 导航菜单

上代码：这是.vue文件购物指南购物流程常见问题支付方式积分支付售后服务换货流程换货政策特色栏目高端专区关于我们联系我们意见建议上路由route/index.js{path:'/goodsList/Goods_Index

星光君·2025-03-08 17:27

在Vue中，onLoad，onShow ，mounted的区别

是UniApp页面生命周期钩子，不是Vue组件的钩子。示例代码javascriptexportdefault{onLoad(options){console.log('页面加载，参数为:',opti

檐角小猫·2025-03-08 16:24

在vue2项目中el-table表格的表头和内容错位问题

一、问题描述以及产生原因问题描述：当el-table表格有横向滚动条和纵向滚动条，把横向滚动条拉到最右边，表格的表头会和内容错位（表头和内容列不对齐）问题产生原因：在el-table有纵向滚动条时，el-table__body-wrapper+纵向滚动条的宽度是100%，故表格内容区域宽度不足100%，而表头el-table__header-wrapper的宽度仍为100%，表格内容实际宽度小于表

白小水i·2025-03-08 16:53

vue管理系统常规布局思路，头部+菜单+主题（Container 布局容器）

我们平时写管理系统的时候，非常需要这种布局，我们直接使用Container布局容器就可以做到这个效果。我们首先要弄清楚，container这个容器都有些什么，我们直接写一个！左侧边栏头部主体这里面el-container就是一个大的盒子，包含着所有的东西，el-aside这个就是左侧边栏，el-container，这个就是右边的大盒子，然后el-header，就是头部，el-main，这个就是右侧

liuyang___·2025-03-08 16:18

第 5 章：vuex

1.理解vuexvuex是什么：概念：专门在Vue中实现集中式状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信

Muko_0x7d2·2025-03-08 16:20

vue-cli3+vue2+elementUI+avue升级到vite+vue3+elementPlus+avue总结

上一个新公司接手了一个vue-cli3+vue2+vue-router3.0+elementUI2.15+avue2.6的后台管理项目，因为vue2在2023年底已经不更新维护了，elementUI也只支持到

David+Zhao·2025-03-08 16:19

npm执行安装报错

安装vue脚手架的过程中，遇到了npminstall-g报错的问题。具体报错信息如下npmERR!codeEPERMnpmERR!syscallmkdirnpmERR!

Snalne·2025-03-08 15:04

uni app 调用网络打印机_uni-app 的使用体验总结

使用体验没用之前以为真和Vue一样，用了之后才知道。有点类似Vue和小程序结合的感觉。写类似小程序的标签，有着小程序和Vue的生命周期钩子。

weixin_39645165·2025-03-08 15:31

npm install安装报错

在vue项目中，当我们在终端使用指令：npminstall下载node_modules(节点_模块)时出现报错的情况。主要是这个原因：npmERR!

七小山·2025-03-08 15:55

Vue3中 watch监听方式（学习笔记）

监听的几种方式方式1：监视ref定义的基本数据类型方式2：监视ref定义的【对象类型】方式3：监视reactive定义的【对象类型】数据方式4：监视ref或reactive定义的【对象类型】数据中的某个属性总结前言Vue3

小陆不会敲代码·2025-03-08 15:24

搭建组件库vue（monorepo ）

原笔记Eric'sWiki项目初始化shellmkdirtoy-elementcdtoy-elementgitinitcode.用vscode打开，既然是monorepo，那就先创建一个pnpm-workspace.yaml文件。shellmkdirpackagesecho-e'packages:\n-"packages/*"'>pnpm-workspace.yamlpnpminit创建.giti

GJE1048·2025-03-08 14:29

vue组件获取props_Vue中子组件怎么获取父组件的值？（props实现）

vue中父组件的数据如何传送到子组件中？组件实例的作用域是孤立的。这意味着不能在子组件的模板内直接引用父组件的数据。父组件的数据需要通过prop才能下发到子组件中。

weixin_39943868·2025-03-08 13:49

【vue3】入门系列—子组件调父组件方法

在Vue3中，子组件通常不会直接调用父组件的方法，因为这同样违反了组件之间的单向数据流原则。

前端大颖颖·2025-03-08 13:43

vue3多个页面/组件，复用同一段render页面根据接口返回的数据动态渲染逻辑，使用setup+组合式API

是可供多个组件复用的getData请求接口，render渲染数据importoperationServicefrom"@/views/operation/component/operationService.vue

十年 lius·2025-03-08 13:28

vue监听dom渲染结束再触发方法 this.$nextTick

//文件预览handleview(index,row){console.log(index,row);console.log(row.zbwjurl)this.viewFileDialogVisible=true//组件加载，组件可见加载的组件中的dom获取不到：打印相关信息，发现：this.refs成功打印，且包含了a的信息，但是this.refs成功打印，且包含了a的信息，但是this.ref

十年 lius·2025-03-08 13:28

Vue3中子组件向父组件传递对象值

子组件向父组件传递值通过defineEmits来进行传值。语法：constemit=defineEmits()子组件向父组件传递：1.首先定义接口interfacePerson{name:string,age:number,job:string}2.使用defineEmitsconstemit=defineEmits()3.定义需要传递的值letmessage=ref({name:'Mike',a

Miketutu·2025-03-08 12:26

vue3中子组件获取父组件的name，父组件不做修改动作

在Vue3中，子组件若要获取父组件的name，且父组件不做额外操作，可以借助getCurrentInstance来实现。

十年 lius·2025-03-08 12:53

Java新特性梳理——Java17

highlight:xcodetheme:vuepress概述JDK16刚发布半年(2021/03/16)，JDK17又如期而至(2021/09/14)，这个时间点特殊，蹭苹果发布会的热度？

疯狂的洛必达·2025-03-08 12:49

swagger-01-swagger介绍

swagger1.学习目标：了解前后端分离了解Swagger的作用和概念在SpringBoot中集成Swagger1.1swagger由来前后端分离，当前流行的开发模式Vue+SpringBoot早先的后端时代

褚师子书·2025-03-08 12:47

Nginx给Vue和Java后端做代理

本文发表于入职啦(公众号:ruzhila)可以访问入职啦查看更多技术文章网站架构入职啦采用了Nuxt.js、Vue3、Go的混合架构开发，包括了官网、简历工具、职位搜索、简历搜索等功能。

入职啦·2025-03-08 11:41

Vue3自适应布局实战：动态窗口高度适配与最小值限制的完美结合

副标题：从基础原理到el-table深度应用，手把手教你实现"屏幕无界，布局有度"的响应式方案一、核心知识点梳理响应式窗口高度监听•使用ref创建响应式变量windowHeight，通过window.addEventListener('resize')实时更新窗口高度•示例代码：constwindowHeight=ref(window.innerHeight);window.addEventLis

内向的小农·2025-03-08 11:34

OSG开发笔记（三十二）：深入理解相机视口、制作支持与主视图同步变换旋转的相机HUD

若该文为原创文章，未经允许不得转载本文章博客地址：https://blog.csdn.net/qq21497936/article/details/143852695各位读者，知识无穷而人力有穷，要么改需求，要么找专业人士，要么自己研究长沙红胖子Qt（长沙创微智科）博文大全：开发技术集合（包含Qt实用技术、树莓派、三维、OpenCV、OpenGL、ffmpeg、OSG、单片机、软硬结合等等）持续更

长沙红胖子Qt（技术Q群4597637）·2025-03-08 08:19

Vue打包后生成的文件及编程细节

Vue.js是一种流行的JavaScript框架，用于构建现代化的单页应用程序。当我们开发一个Vue应用并准备将其部署到生产环境时，我们需要对应用进行打包，以便生成最终的可执行文件。

心之飞翼·2025-03-08 08:37

vue让table表格滚动的功能代码

方法1：vue中在固定高度的容器中，表格内容需要滚动显示，代码如下：/***自动滚动*@param{divData}dom*@param{time}多久滚动一次默认50ms*/exportfunctioninfinitScroll

yzy85·2025-03-08 07:40

Vue Element Ui中 Table 表格更改某一列的样式，比如说背景色

先在Table表格上加上属性在methods:中上方法//row,每一行上的数据//column,每一列上的数据//rowIndex,行数的下标从0开始//columnIndex列数下标从0开始methods:{columnStyle({row,column,rowIndex,columnIndex}){if(columnIndex==2||columnIndex==3){//第三第四列的背景色就

WQ_MItu·2025-03-08 06:29

解决uniapp生成自定义海报/邀请名片，保存图片到本地

效果图安装npm包npminstallqs-canvas-S代码片段//index.vue保存图片到本地import{reactive,ref,computed,onMounted,getCurrentInstance

·2025-03-08 06:50

vue2前端使用图片展现视频,无法销毁请求

实现思路，使用canvas绘制图像，然后使用动画帧刷新页面exportdefault{props:{info:{type:Object,default:()=>({url:'',index:''}),},},data(){return{currentImage:null,isFullScreen:false,canvas:null,ctx:null,canvasStyle:{height:'100

贾宝玉单臂擒方腊·2025-03-08 04:23

【嵌入式Bluetooth应用开发笔记】第二篇：上手BLUEZ应用开发

概述BlueZ是一个开源的蓝牙协议栈，提供了丰富的API和工具，支持Linux系统中的蓝牙应用开发。BlueZ提供的API包括D-BusAPI、HCIAPI、L2CAPAPI、RFCOMMAPI、SDPAPI、MGMTAPI等，开发者可以使用这些API实现自己的蓝牙应用程序。BlueZ的架构由多个模块组成，其中主要的模块包括蓝牙协议栈（BluetoothStack）、蓝牙管理器（Bluetooth

林零七·2025-03-08 04:20

详细解析Vue在history路由模式部署后刷新404问题

场景vue项目使用了history路由模式，且在本地时运行正常，但打包通过nginx部署后，刷新页面，出现了404错误先定位一下，HTTP404错误意味着链接指向的资源不存在问题在于为什么不存在？

mr_cmx·2025-03-08 03:35

Vue 和 dhtmlx-gantt 实现图表构建动态多级甘特图效果，横坐标为动态刻度不是日期

注意事项：1、横坐标根据日期转换成时间刻度在（gantt.config.scales）；2、获取时间刻度的最大值（findMaxRepairTime）；3、甘特图多级列表需注意二级三级每个父子id需要唯一（convertData）安装依赖npminstalldhtmlx-gantt--save在当前页引入和配置dhtmlx-ganttimportganttfrom"dhtmlx-gantt";//

Tan-玛卡巴卡·2025-03-08 02:45

前端vue用jsmind写思维导图

1、下载依赖npm安装npminstall--savejsmindyarn安装yarnjsmind版本:"jsmind":"^0.4.6",2、完整代码：查看节点删除节点-->放大缩小展开：主题：名称：{{obj.topic?obj.topic:'-'}}部门：{{obj.orgName?obj.orgName:'-'}}描述：{{obj.jobType?obj.jobType:'-'}}状态：正

Tan-玛卡巴卡·2025-03-08 02:44

Vue 实现垂直菜单分类栏目，鼠标移入下方出现悬浮二级菜单容器效果

需要注意的是二级菜单的盒子要在最大的盒子里面要把它撑开而不是和导航一个div，下面是实现的效果但有点潦草具体样式需自行调整具体代码如下：html代码： {{item}} 中文{{$t('appHeader.pickerTitle')}} Eng --

Tan-玛卡巴卡·2025-03-08 02:43

vue实现滚动公告效果vue-seamless-scroll

1、下载npminstallvue-seamless-scroll2、页面引入也可以全局引入我是当前页面用所以选择页面引入importvueSeamlessScrollfrom'vue-seamless-scroll

Tan-玛卡巴卡·2025-03-08 02:13

奶妈级别芋道源码 ruoyi-vue3-pro 视频、图片批量上传组件，复制即可用！！

批量上传图片组件请上传图片-->查看删除importtype{UploadFile,UploadProps,UploadUserFile}from'element-plus'import{ElNotification}from'element-plus'import{createImageViewer}from'@/components/ImageViewer'import{propTypes}f

William Dawson·2025-03-08 01:42

Vue 规则实现联系方式（手机号码/座机）验证

phone:[{required:true,message:'请输入联系方式',trigger:'blur'},{validator:(rule,value,callback)=>{constphoneReg=/^1[3-9]\d{9}$///手机号正则constlandlineReg=/^(?:(?:\d{3}-)?\d{8}|^(?:\d{4}-)?\d{7,8})(?:-\d+)?$/if(

William Dawson·2025-03-08 01:41

使用 Spring Boot 实现前后端分离的海康威视 SDK 视频监控

使用SpringBoot实现前后端分离的海康威视SDK视频监控系统，可以分为以下几个步骤：1.系统架构设计前端：使用Vue.js、React或Angular等前端框架实现用户界面。

William Dawson·2025-03-08 01:01

vee-validate验证设置中文但是无效

无效代码：importzh_CNfrom'vee-validate/dist/locale/zh_CN'Vue.use(VeeValidate)//表单验证VeeValidate.Validator.localize

桃子不吃李子·2025-03-08 01:59

echarts开发图表时遇到问题：trigger: ‘item‘正常显示tooltip，trigger: ‘axis‘则无法显示tooltip，为什么？

解放方案：import{markRaw}from'vue';//解决办法，让echarts从监听对象变成普通对象letchart=markRaw(echarts.init(chartRef))//原代码

思想永无止境·2025-03-08 00:57

ruoyi&vue+electron+ffi&dll+CAN+串口

1.0.0","description":"test","author":"tzc","license":"MIT","main":"background.js","scripts":{"dev":"vue-cli-serviceserve

思想永无止境·2025-03-08 00:56

Vue入门常见指令

Vue(视图信息与脚本数据双向绑定）Vue的基础入门Vue的实现流程：1、在HTML的body标签中引入需要通过Vue进行数据绑定的标签2、在HTML中的相关的视图标签中设置标签元素的id（）3、通过外链的形式将

星星不打輰·2025-03-08 00:24

npm ERR! code 128 npm ERR! An unknown git error occurre如何解决

在git上下载下来的vue-element-admin安装依赖的时候报错。

qq_57907803·2025-03-08 00:54

Vue.js 开发入门指南

Vue.js开发入门指南Vue.js是一款流行的前端框架，它轻量、高效且易于上手，非常适合构建交互式Web应用。本文将介绍Vue.js的基础概念，并带你实现一个简单的Vue应用。

2401_89793006·2025-03-07 23:16

Vue项目结构分析

Vue项目结构分析1.概览使用CLI构建出来的Vue项目结构是这样的里面我们需要关注的内容如下图，重点需要关注的用小红旗标了，其中我们最常修改的部分就是components文件夹了，几乎所有需要手动编写的代码都在其中

企鹅会游泳·2025-03-07 23:13

VSCode 配置优化指南：打造高效的 uni-app、Vue2/3、JS/TS 开发环境

VSCode配置优化指南，适用于uni-app、Vue2、Vue3、JavaScript、TypeScript开发，包括插件推荐、设置优化、代码片段、调试配置等，确保你的开发体验更加流畅高效。

奶凶的小熊崽·2025-03-07 23:37

uniapp微信小程序vue3自定义tabbar

在App.vue隐藏原生tabbar，也可以在pages.json中配置二选一就好了创建CustomTabBar公共组件{{item.text}}import{ref,onMounted}from'vue

HerayChen·2025-03-07 22:07

深入解析 Vue3 核心架构与实战范式：从响应式原理到 Composition API 设计哲学

引言：框架演进的必然选择在2020年发布的Vue3并非简单的版本迭代，而是对前端工程化痛点的系统性解决方案。

嘉图明·2025-03-07 22:05

vue图片加时间戳，禁止缓存

一、使用引入的图片路径图片路径constVISIT_TOP_BG=`${config.assetPath}/images/visit-top-bg.png?timestamp=${Date.now()}`;使用

性野喜悲·2025-03-07 22:35

推荐频道

vue后台管理开发笔记