Vue通用组件封装第6页

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

JDK17新特性

置于行尾，用来将两行连接为一行\s:单个空白字符2、Switch表达式增强支持表达式，增加yield关键字，跳出switch并返回结果3、instanceof的模式匹配4、var局部变量推导二、模块化及类封装

yiyi5656·2025-03-08 12:15

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

组件封装避坑指南：少写1000行重复代码的秘诀！

输入框（Input）、表单（Form）、卡片（Card）等业务逻辑组件具有特定业务逻辑，通常和接口交互例如：用户列表（UserList）、订单管理（OrderTable）等功能组件（工具类组件）提供功能性封装

程序员小续·2025-03-08 10:58

初识C++——C++与C语言的不同

对象=方法+数据三大特性：封装、继承、多态。2.全局变量类型增强例如：intnum;在c语言中会看成声明，编译通过；在c++中会看成定义，编译报错。

小白学编程·2025-03-08 10:13

控制台报错：Uncaught (in promise)：XXXXX问题定位以及前端文件流excel文件下载方法

今天对接上传文件的接口时，明明接口是通的，也正常返回了文件流，然而，控制台就是打印不出返回值，而且一直报错Uncaught(inpromise)：XXXXX去查看axios的封装函数，这个internalerror

wh20141212·2025-03-08 09:54

Geo3D建筑材质切换+屋顶纹理

一、简介基于Threejs开发封装建筑渲染管线，利用简单二维建筑矢量面轮廓程序化生成3D建筑，支持材质一键切换，支持多样化建筑墙面材质和屋顶材质，支持建筑透明，支持地形高程适配，支持按空间范围裁剪挖洞等

苹果园dog·2025-03-08 09:22

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

selenium用例执行过程采集操作形成测试报告上的回复

在代码执行的过程中不断的进行截图，把截图拼接成gif动态图，放在测试报告上1、每条用例执行启动一个线程，这个线程会每隔0.3秒进行截图项目下创建一个临时目录video用来存储所有截图以及gif动态图封装不断截图的方法

进阶的DW·2025-03-08 06:24

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

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

·2025-03-08 06:50

RV1126的RGB数据传输到共享内存

代码封装#pragmaonce#include#include#include//共享内存五步走//1.创建共享内存//2.链接到内核里面去//3.通信//4.删除链接//5.删除共享内存#define

学习嵌入式的小羊~·2025-03-08 05:45

深入C++编程：从基础到实践

本教程涵盖C++的核心概念，包括基础语法、面向对象编程、封装、继承、多态性、模板、异常处理、STL以及C++11和后续版本的新特性。

水坑儿·2025-03-08 05:12

FFmpeg--解码：mp4文件解码为音频aac和视频h264

mp4文件解封装：视频文件（mp4）–解封装—音频流（aac），视频流(h264)流程code命令行参数：input.mp4out.h264out.aac#include#include"libavutil

八月的雨季997·2025-03-08 05:36

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

Linux内核调度子系统之big.little架构

例如：双核A53和双核A72混合封装到SOC上，这样的形式一般称为big.little架构。

Surest·2025-03-08 03:02

threejs:射线拾取封装

射线拾取封装代码：import*asTHREEfrom'three';//点击事件//1.坐标转化(鼠标单击的屏幕坐标转标准设备坐标)//2.射线计算(通过鼠标单击位置+相机参数计算射线值)//3.射线交叉计算

粉末的沉淀·2025-03-08 03:54

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

Android 蓝牙工具类封装：支持经典蓝牙与 BLE，兼容高版本权限

为了优化经典蓝牙（ClassicBluetooth）和低功耗蓝牙（BluetoothLowEnergy,BLE）的操作，我们可以将功能封装到一个工具类中，支持扫描、连接、通信，并兼容高版本Android

tangweiguo03051987·2025-03-08 02:42

奶妈级别芋道源码 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

FFMpeg av_packet_ref 引起软件crash问题

av_packet_ref来解决大量复制内存的问题,这里有个坑,多线程中,每个线程应该去管理自己的AVPacket,不要跨线程管理/释放AVPacket…如果有遇到类似问题的,希望能解决大家的疑惑我项目中的做法:解封装线程取出

ihmhm12345·2025-03-07 22:34

开发PDF转Word软件

快速读取内容）PyMuPDF(fitz)：Python库，提取文本/图片/元数据速度最快（性能比pdfplumber高10倍）pdf2docx：专用于PDF转Word的Python库（基于PyMuPDF封装

shuaige_shiwoa·2025-03-07 21:25

大白话Vue 源码

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

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

容器云服务是什么？

容器云是一种以容器技术为核心的云计算服务形态，其核心目标是通过标准化封装应用及其依赖环境，实现跨平台快速部署和高效管理。

·2025-03-07 21:56

axios+ts（详细拆分封装）

记录一下项目中的axios封装将代码分成5个文件1.axios.ts代码的核心封装importaxios,{AxiosInstance,InternalAxiosRequestConfig,AxiosResponse

南亭北斋·2025-03-07 20:41

动态彗星流转边框按钮

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

J丶S丶Q·2025-03-07 19:08

数据的封装和解封装

一、什么是封装封装(encapsulate/encapsulation)：发送方数据要通过网络进行传输，从高向下逐层传送，如果一个主机要传送数据到别的主机，需要加上每层的报头控制信息，这个过程叫封装。

数据链路摸索者·2025-03-07 19:05

Java中getter和setter方法的作用

Java中getter和setter方法的作用在Java中，getter和setter方法是面向对象编程中实现封装的核心手段，它们的作用不仅限于访问或修改对象的属性，还为代码的灵活性、安全性和可维护性提供了重要保障

以恒1·2025-03-07 18:55

推荐频道

Vue通用组件封装