Vue学习记录

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

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

[Python入门学习记录(小甲鱼)]第4章 分支与循环

第4章分支和循环讲些条件语句和循环语句4.1完整条件语句ifx>1:print(1)elifxstopstep0forxinrange(10)print(x)#打印0-9加上list()会像列表一下展示print(list(range(0,-10,-1)))#[0,-1,-2,-3,-4,-5,-6,-7,-8,-9]4.6break语句就一样，跳出这整个循环fornuminrange(1,11)
LIN-JUN-WEI·2025-03-08 05:05

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

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

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

FineBI 学习记录day1

协作功能可以实现：创建者可以将分析主题、文件夹分享给其他设计用户进行协作，被协作的用户能查看或者使用相关分析主题的内容；实现分析主题的协同编辑。PS：不是分析主题的创建者或者该分析主题父级资源创建者，不能将分析主题协作给其他人，只能查看分析主题的协作情况。实现步骤：①由管理员分配权限：权限管理——全局设置（开启资源协作）——普通权限配置——分配给部门或用户相应资源协作权限https://help.
foolisk·2025-03-08 02:53

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 源码

大白话Vue源码整体介绍Vue源码就像是一个超厉害的“魔法工具箱”，它能帮咱们轻松地做出各种漂亮又好用的网页。
IT木昜·2025-03-07 21:23

动态彗星流转边框按钮

本文将介绍如何使用Canvas和Vue.js实现一个带有动态彗星流转边框的按钮。这个按钮不仅美观，而且可以根据用户的需要调整动画的速度、粗细和轨迹长度。
J丶S丶Q·2025-03-07 19:08

vue基本功

而且自动收集依赖watch需要手动写依赖，immdiate默认是falsetoRef和toRefstoRef:复制reactive里的单个属性并转成reftoRefs:复制reactive里的所有属性并转成refvue3
码林鼠·2025-03-07 18:51

vue计算属性源码解读

在Vue.js中，计算属性是一个非常实用的特性，它允许你根据其他数据动态计算出新的值，并且会缓存计算结果，只有当依赖的数据发生变化时才会重新计算。下面我们来深入解读Vue计算属性的源码实现。
新茶十九·2025-03-07 18:19

小程序和页面生命周期详解

UniApp是一个基于Vue.js的跨平台开发框架，允许开发者使用一套代码构建多端应用（如小程序、H5、App等）。
_未知_开摆·2025-03-07 18:49

出现 defineProps is a compiler macro and no longer needs to be imported. 解决方法

目录1.问题所示2.原理分析3.解决方法1.问题所示执行前端代码的时候，出现如下问题：[@vue/compiler-sfc]definePropsisacompilermacroandnolongerneedstobeimported
码农研究僧·2025-03-07 17:42

Vuex基本理论

Vuex是对数据统一进行管理工具其中包含以下API：state中保存着共有数据，数据是响应式的，所有的数据全部保存到state中，state需要单独注册；getter可以对state进行计算操作，主要用来过滤一些数据
王富贵的记录·2025-03-07 17:11

html页面自动刷新滚动,VUE实现HTML页面滚动，标题实时刷新

follow.gif源码currentcardis{{title}}v-for="(item,index)inlist":c-data="item":key="index">{{item}}footerexportdefault{data(){return{title:'hey',list:[1,2,3,4,5,6,7,8,9,10]}},mounted(){lettimer=nullwindow
新职语·2025-03-07 17:40

【高等数学&学习记录】微分中值定理

一、知识点（一）罗尔定理费马引理设函数f(x)f(x)f(x)在点x0x_0x0的某邻域U(x0)U(x_0)U(x0)内有定义，并且在x0x_0x0处可导，如果对任意的x∈U(x0)x\inU(x_0)x∈U(x0)，有f(x)≤f(x0)f(x)\leqf(x_0)f(x)≤f(x0)(或f(x)≥f(x0)f(x)\geqf(x_0)f(x)≥f(x0))，那么f′(x0)=0f'(x_0)
测工·2025-03-07 13:40

Vue前后端参数传递（重要）

一般来说，大部分情况下springboot中controller只要参数名可以一一对应，就可以很方便的传递参数，但是如果前台给后台的参数非常复杂，涉及到多种类型，那么controller就无法智能的自动注入了letProdOBJ={"productCode":"155","productName":"产品-徐","productListCode":"list-xu","productListNam
亭台烟雨中·2025-03-07 11:51

Vue的几个常用难点

一、window,open()配合this.$router使用1、参数发送页//待传递的参数varapiTemp={}apiTemp.testName=row.testNameapiTemp.testClass=row.testClassapiTemp.testCode=row.testCode//与地址绑定，生成对象constrouteDate=this.$router.resolve({pat
亭台烟雨中·2025-03-07 11:21

8种Vue中数据更新了但页面没有更新的情况

文章目录1、Vue无法检测实例被创建时不存在于data中的属性2、Vue无法检测‘对象属性’的添加或移除3、Vue不能检测利用数组索引直接修改一个数组项4、Vue不能监测直接修改数组长度的变化5、在异步更新执行之前操作
cypking·2025-03-07 11:08

HarmonyOS：如何实现自定义的Tabs,TabContent内部实现如何动态配置

前言：最近做开发任务的时候，想把Tabs自定义了，并且动态配置TabContent里面的内容，不是写死一样的，这个问题困扰了很长时间，试过**@BuilderParam**（类似于vue的插槽）传组件方式的
zzialx·2025-03-07 09:06

在VSCode中遇到Vetur插件与其他插件冲突时，

1.检查冲突插件-常见冲突场景：-Vetur与VueLanguageFeatures(Volar)：两者功能重叠，建议禁用Vetur，改用官方推荐的Volar。
安琪CiCi·2025-03-07 07:16

Vue2中使用全局事件总线

个人理解通过一个参数去实现任意组件间通信的一个方法这个参数需要被所有VueComponents看见仅仅可以在Vue2中使用,因Vue3中已经废弃了prototype第一步：实现全局事件总线在main.js
Aricanv·2025-03-07 07:13

全局事件总线（GlobalEventBus）

全局事件总线（GlobalEventBus）使用步骤：1.main.js定义“全局事件总线”2.在A组件想接收数据3.在B组件想发送数据1.main.js定义“全局事件总线”//创建vmnewVue({
一只小林·2025-03-07 06:11

前端基础之全局事件总线

用于实现任意组件中的通信，我们可以将数据放入到Vue原型中，这样就能实现vc与vm都能访问该数据我们需要一个能使用去使用$on或是$emit这里方法的东西，vc与vm都能调用这个方法，但是vm与vm最终在创建时都需要去寻找
青红光硫化黑·2025-03-07 06:04

自己的网页加一个搜索框，调用deepseek的API

一切源于一个学习黑马程序员视频的突发奇想在网页悬浮一个搜索按钮，点击可以实现调用deepseek文本模型回答你的问题前端实现前端使用vue实现的首先是整体页面：AIWidget.vue搜索{{item}
Lkkkkkkkcy·2025-03-07 06:34

vue3的福音框架arco.design

1.简介1.1.概述Vue3框架Arco.design是一个基于Vue3的开源设计系统，它提供了一系列的UI组件和工具，可以帮助开发者快速构建高质量的Web应用。
丁爸·2025-03-07 06:03

vue3与react、 react hooks

一、Vue3新特性：setup、ref、reactive、computed、watch、watchEffect函数、生命周期钩子、自定义hooks函数、toRef和toRefs、shallowReactive
caihuayuan5·2025-03-07 05:23

arco design vue 表格Table自定义筛选

arcodesignvue表格Table筛选,默认是这样的{title:'审核状态',dataIndex:'applicationStatus',slotName:'applicationStatus'
全栈小董·2025-03-07 04:50
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他