VUE基础知识第16页

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简易聊天室实现

最近浅学习了一些关于网络编程方面的知识，视频是跟着狂神学习的，可能学习的不是很深说到网络，相信大家都对TCP、UDP和HTTP协议这些都不是很陌生，学习这部分应该先对端口、Ip地址这些基础知识有一定了解

宏远十一冠王·2025-03-08 12:52

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

C语言基础知识五

初级指针指针是什么？在计算机科学之中，指针是编程语言之中的一个对象，利用地址，它的值直接指向存在电脑存储器之中的另一个地方的值，由于通过地址能找到所需的变量单元，可以说，地址指向该变量单元，因此将地址信息形象化的称为指针，意思是通过它能找到以它为地址的内存单元在32位机器之中，通电之后会产生电信号，电信号有正电和负电，转化为数字信号后就是32位0和1组成的数字序列，在这之中产生的编号就是内存单元的

七饭·2025-03-08 11:00

Java基础知识大全（含答案，面试基础）

对于初学者来说，掌握Java的基础知识是成为一名优秀Java开发者的第一步。而对于经验丰富的开发者，扎实的基础同样是继续深入学习、攻克更高难度技术的基础。

小钊（求职中）·2025-03-08 09:54

目标检测YOLO实战应用案例100讲-TDI线阵相机

目录知识储备图像基础知识分辨率单位及换算算法原理一、TDI基本原理二、信噪比提升机制三、时间同步机制四、TDIvs传统线扫描技术五、TDI的技术挑战六、最新的TDI技术发展知识储备图像基础知识首先什么是机器视觉

林聪木·2025-03-08 08:49

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

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

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

2025年二级建造师备考经验技巧分享

例如，若距离考试还有三个月，可将第一个月用于全面学习各科基础知识点，每天保证2-3小时学习时间。第二个月进行知识点强化，梳理重点、难点，可利用周末时间进行章节总结。

100分题库小栗子·2025-03-08 08:32

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

详细解析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

Python数据可视化利器——Matplotlib绘图详解

本文将详细介绍Matplotlib的基础知识、常用的绘图函数、样式美化、子图绘制等内容，帮助读者快速掌握Matplotlib的使用技巧，轻松实现高质量的数据可视化。

编码实践·2025-03-08 01:29

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

CentOs 基础知识

提示字符：默认root的提示字符#，一般身份用户为$~表示【用户的家目录】比如root的为/root而navy的家目录在/home/navy下达指令指令格式:command[-options]parameter1parameter2...注意：1).[-options]如果要使用完整全名则选项前带--比如--help;2).指令，选项，参数等分割用空格区分，无论几个空格shell都视为一个3).命

无风子·2025-03-07 23:09

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

centos基础知识

系统监控proc文件系统proc文件系统是一种无存储的文件系统，当读其中的文件时，其内容动态生成，当写文件时，文件所关联的写函数被调用。内核部件可以通过该文件系统向用户空间提供接口来提供查询信息、修改软件行为，因而它是一种比较重要的特殊文件系统。大致包含了如下信息：内存管理每个进程的相关信息文件系统设备驱动程序系统总线电源管理终端系统控制参数网络和整个Linux系统相关的参数如下：/proc/cm

铁锅与大鹅·2025-03-07 21:58

大白话Vue 源码

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

IT木昜·2025-03-07 21:23

iOS安全和逆向系列教程第17篇：探讨ARM64架构与Swift逆向分析技术

在前面的文章中，我们已经学习了iOS逆向工程的基础知识，以及各种分析工具的使用方法。今天，我们将深入探讨ARM64架构以及Swift语言的逆向分析技术，这两者对于现代iOS应用的逆向工程至关重要。

自学不成才·2025-03-07 20:18

计算机网络篇：基础知识总结与基于长期主义的内容更新

基础知识总结和MySQL类似，我同样花了一周左右的时间根据csview对计算机网络部分的八股文进行了整理，主要的内容包括：概述、TCP与UDP、IP、HTTP，其中我个人认为最重要的是TCP这部分的内容

YGGP·2025-03-07 20:45

动态彗星流转边框按钮

本文将介绍如何使用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

推荐频道

VUE基础知识