当前位置： 首页 > news >正文

vue 2 父组件根据注册事件，控制相关按钮显隐

news 2026/3/26 20:42:39

目标效果

我不注册事件，那么就不显示相关的按钮

在这里插入图片描述

注册了事件，才会显示相关内容

在这里插入图片描述

实现思路

  • 组件在 mounted 的时候可以拿到父组件注册监听的方法

在这里插入图片描述
拿到这个就可以做事情了

mounted() {console.log('this.$listeners', this.$listeners);this.show.search = !!this.$listeners['handleSearch'];this.show.refresh = !!this.$listeners['handleRefresh'];this.show.add = !!this.$listeners['handleAdd'];
}

判断事件是否注册，来渲染相应的组件

相关文章：

vue 2 父组件根据注册事件，控制相关按钮显隐

目标效果 我不注册事件，那么就不显示相关的按钮 注册了事件，才会显示相关内容 实现思路 组件在 mounted 的时候可以拿到父组件注册监听的方法 拿到这个就可以做事情了 mounted() {console.log(this.$listeners, this.$listeners);this.show.search !…...

编程日记 2024/12/2 22:46:31

22智能 图

例题 根据下列顶点之间的关系，画出相应的图结构 A -> B, C, D B -> A, C, C -> A, D, E, D -> B, E, E -> C, 数据结构：使用邻接表表示图，每个顶点有一个链表来存储与它相邻的顶点。 功能： 创建图。 添加边。 打…...

编程日记 2024/12/2 22:44:29

Springfox、Swagger 和 Springdoc

Springfox、Swagger 和 Springdoc 是用于在 Spring Boot 项目中生成 API 文档的工具，但它们之间有显著的区别和演进关系： 1. Swagger 简介 Swagger 是一个开源项目，旨在为 RESTful APIs 提供交互式文档。最早由 SmartBear 开发，…...

编程日记 2024/12/2 22:43:28

编程基础篇

什么是编程？ 原文地址 ：样式不太熟悉，有点单一，原文地址 一千个人眼中有一千个哈姆雷特，以下是我眼中的编程： A每天出门需要关一下空调，在家喜欢室内温度在 20左右，6 点左右会打开灯…...

编程日记 2024/12/2 22:41:26

GPT视角下，如何在密码学研究中找到属于你的方向？

（本文所有内容由GPT生成）在密码学领域发现关键性的研究方向并成为一位优秀的密码学研究员，需要结合对领域趋势的洞察、扎实的理论基础以及创新的研究思维。以下是具体步骤和方法： 一、发现关键性研究方向 关注领域前沿动态 顶级会…...

编程日记 2024/12/2 22:39:24

【经典】星空主题的注册界面HTML,CSS,JS

目录 界面展示 完整代码 说明&#xff1a; 这是一个简单的星空主题的注册界面&#xff0c;使用了 HTML 和 CSS 来实现一个背景为星空效果的注册页面。 界面展示 完整代码 <!DOCTYPE html> <html lang"zh"> <head><meta charset"UTF-8&…...

编程日记 2024/12/2 22:38:22

Linux学习——4_WEB服务器的部署及优化

WEB服务器的部署及优化 用户常用关于web信息 什么是www www是world wide web的缩写&#xff0c;即万维网&#xff0c;也就是全球信息广播 通常说的上网就是使用www来查询用户所需要的信息。 www可以结合文字、图形、影像以及声音等多媒体&#xff0c;超链接的方式将信息以…...

编程日记 2024/12/2 22:36:19

《Vue 组件化开发：构建可复用的模块》

一、Vue 组件化开发概述 组件化是 Vue.js 的核心概念之一&#xff0c;它允许将界面拆分成独立、可复用的组件&#xff0c;使得开发大型应用变得更加简单和高效。 组件的定义是实现应用中局部功能代码和资源的集合。Vue.js 的组件化用于将 UI 页面分割为若干组件进行组合和嵌套…...

编程日记 2024/12/2 22:33:16

贪心算法理论

系列博客目录 文章目录 系列博客目录贪心算法 (Greedy Algorithm)贪心算法的特点贪心算法的适用条件常见的贪心算法问题贪心算法的步骤贪心算法示例&#xff1a;活动选择问题贪心算法的优缺点 贪心算法 (Greedy Algorithm) 贪心算法是一种在每一步选择中都采取当前状态下最优的…...

编程日记 2024/12/2 22:31:13

JVM之Synthetic

Synthetic是人造&#xff0c;合成的意思&#xff0c;在虚拟机很多地方使用ACC_SYNTHETIC表示编译器自动生成的&#xff0c;区别于我们自己写的程序代码。这样说可能比较模糊&#xff0c;我们举个例子&#xff1a;我们创建一个内部类&#xff0c;如下 public class TestInnerCl…...

编程日记 2024/12/2 22:30:10

HCIE IGP双栈综合实验

实验拓扑 实验需求及解法 本实验模拟ISP网络结构&#xff0c;R1/2组成国家骨干网&#xff0c;R3/4组成省级网络&#xff0c;R5/6/7组成数据中 心网络。 配置所有ipv4地址&#xff0c;请自行测试直连。 R1 sysname R1 interface GigabitEthernet0/0/0ip address 12.1.1.1 255.…...

编程日记 2024/12/2 22:28:08

【k8s】监控metrics-server

metrics-server介绍 Metrics Server是一个集群范围的资源使用情况的数据聚合器。作为一个应用部署在集群中。Metric server从每个节点上KubeletAPI收集指标&#xff0c;通过Kubernetes聚合器注册在Master APIServer中。为集群提供Node、Pods资源利用率指标。 就像Linux 系统一样…...

编程日记 2024/12/2 22:25:05

第六届国际科技创新学术交流会暨管理科学信息化与经济创新发展（MSIEID 2024）

重要信息 大会官网&#xff1a;msieid2024.iaecst.org &#xff08;点击了解大会&#xff0c;参会等内容&#xff09; 大会时间&#xff1a;2024年12月6-8日 大会地点&#xff1a;中国-广州 大会简介 随着全球化和信息化的不断深入&#xff0c;管理科学、信息化和经济发展…...

编程日记 2024/12/2 22:20:56

将面具贴到人脸上的过程

使用OpenCV进行人脸面具贴合和变形以适应人脸的3D透视角度&#xff0c;通常需要以下步骤&#xff1a; 人脸检测&#xff1a;首先需要检测图像中的人脸位置。特征点检测&#xff1a;在检测到的人脸区域中&#xff0c;找到关键特征点&#xff0c;如眼睛、鼻子、嘴巴等。透视变换…...

编程日记 2024/12/2 22:19:53

【Maven】Nexus私服

6. Maven的私服 6.1 什么是私服 Maven 私服是一种特殊的远程仓库&#xff0c;它是架设在局域网内的仓库服务&#xff0c;用来代理位于外部的远程仓库&#xff08;中央仓库、其他远程公共仓库&#xff09;。一些无法从外部仓库下载到的构件&#xff0c;如项目组其他人员开发的…...

编程日记 2024/12/2 22:10:46

AI高中数学教学视频生成技术：利用通义千问、MathGPT、视频多模态大模型，语音大模型，将4个模型融合 ，生成高中数学教学视频，并给出实施方案。

大家好&#xff0c;我是微学AI&#xff0c;今天给大家介绍一下AI高中数学教学视频生成技术&#xff1a;利用通义千问、MathGPT、视频多模态大模型&#xff0c;语音大模型&#xff0c;将4个模型融合 &#xff0c;生成高中数学教学视频&#xff0c;并给出实施方案。本文利用专家模…...

编程日记 2024/12/2 22:06:42

探索温度计的数字化设计：一个可视化温度数据的Web图表案例

随着科技的发展&#xff0c;数据可视化在各个领域中的应用越来越广泛。在温度监控和展示方面&#xff0c;传统的温度计已逐渐被数字化温度计所取代。本文将介绍一个使用Echarts库创建的温度计Web图表&#xff0c;该图表通过动态数据可视化展示了温度值&#xff0c;并通过渐变色…...

编程日记 2024/12/2 22:02:39

windows电脑上安装树莓派操作系统

在Windows电脑上安装树莓派通常涉及以下几个步骤：准备安装工具、下载树莓派系统镜像、烧录系统到SD卡、配置树莓派以及远程连接（如果需要无显示器操作）。以下是详细的步骤说明： 一、准备安装工具 安装树莓派官方烧录工具： 下载并安装Raspberry Pi Imager。这是一个官方的…...

编程日记 2024/12/2 22:01:37

交换机四大镜像（端口镜像、流镜像、VLAN镜像、MAC镜像）应用场景、配置实例及区别对比

在网络管理中&#xff0c;端口镜像、流镜像、VLAN镜像和MAC镜像都是用于监控和分析网络流量的重要技术。 端口镜像&#xff08;Port Mirroring&#xff09; 定义&#xff1a;端口镜像是将一个或多个源端口的流量复制到一个目标端口&#xff0c;以便于网络管理员能够监控和分析…...

编程日记 2024/12/2 21:59:35

我不是挂王-用python实现燕双鹰小游戏

一.准备工作 1.前言提要 作为程序员在浩瀚的数字宇宙中&#xff0c;常常感觉现实世界是一台精密运作的虚拟机&#xff0c;其底层的物理逻辑如同铁律般难以撼动。然而我们拥有在虚拟世界中自由驰骋、创造无限可能的独特力量。突发奇我想用Python写出燕双鹰的小游戏,这样想想就很…...

编程日记 2024/12/2 21:53:28

社交媒体机器人检测的终极对决：TwiBot-22基准测试深度解析

社交媒体机器人检测的终极对决&#xff1a;TwiBot-22基准测试深度解析 【免费下载链接】TwiBot-22 项目地址: https://gitcode.com/gh_mirrors/tw/TwiBot-22 在数字时代&#xff0c;社交媒体上的机器人账号已成为信息传播的重要参与者。它们既能推动正面信息传播&#…...

编程新知 2026/3/26 19:53:33

JiYuTrainer：如何一键解除极域电子教室的全屏控制限制？

JiYuTrainer&#xff1a;如何一键解除极域电子教室的全屏控制限制&#xff1f; 【免费下载链接】JiYuTrainer 极域电子教室防控制软件, StudenMain.exe 破解 项目地址: https://gitcode.com/gh_mirrors/ji/JiYuTrainer 你是否曾在机房上课时&#xff0c;被极域电子教室的…...

编程新知 2026/3/26 17:41:46

AI训练神器！免配置YOLO可视化工具，标注+训练+推理全流程集成，支持YOLOv8~v12+50系显卡，开源可二开

AI训练神器&#xff01;免配置YOLO可视化工具&#xff0c;标注训练推理全流程集成&#xff0c;支持YOLOv8~v1250系显卡&#xff0c;开源可二开 yolo可视化训练工具&#xff0c;免配置环境&#xff0c;打开界面即可训练yolo模型&#xff0c;提供源代码及完整打包项目&#xff0c…...

编程新知 2026/3/26 17:31:38

SakuraLLM：二次元翻译的终极解决方案，完全离线的日中翻译大模型

SakuraLLM&#xff1a;二次元翻译的终极解决方案&#xff0c;完全离线的日中翻译大模型 【免费下载链接】Sakura-13B-Galgame 适配轻小说/Galgame的日中翻译大模型 项目地址: https://gitcode.com/gh_mirrors/sa/Sakura-13B-Galgame 如果你热爱日本轻小说、Galgame等二次…...

编程新知 2026/3/26 16:06:53

Element-UI Loading动画实战：如何优雅处理路由跳转与请求拦截（附自定义图标技巧）

Element-UI Loading动画深度优化&#xff1a;从路由拦截到视觉定制的完整方案 在Vue技术栈项目中&#xff0c;Element-UI的Loading服务是提升用户体验的关键组件之一。当页面需要等待数据加载或路由跳转时&#xff0c;一个流畅的加载动画能有效缓解用户的焦虑情绪。本文将深入探…...

编程新知 2026/3/26 16:04:53

如何快速搭建Kafka Docker集群：broker-list.sh工作原理与实用指南

如何快速搭建Kafka Docker集群&#xff1a;broker-list.sh工作原理与实用指南 【免费下载链接】kafka-docker Dockerfile for Apache Kafka 项目地址: https://gitcode.com/gh_mirrors/ka/kafka-docker GitHub 加速计划 / ka / kafka-docker 项目提供了基于 Docker 的 A…...

编程新知 2026/3/26 14:55:54

leetcode 1504. Count Submatrices With All Ones 统计全 1 子矩形

Problem: 1504. Count Submatrices With All Ones 统计全 1 子矩形 计算矩阵的前缀和&#xff0c;然后遍历所有的子矩阵&#xff0c;看是否都是1也就是面积等于长乘以宽 都是1的矩阵&#xff0c;可以直接计算得到结果 Code class Solution { public:int numSubmat(vector<…...

编程新知 2026/3/26 14:27:33

WiFi信号弱？5分钟搞懂dBi、dBm和dB的区别，选对天线不踩坑

WiFi信号弱&#xff1f;5分钟搞懂dBi、dBm和dB的区别&#xff0c;选对天线不踩坑 每次视频会议卡成PPT&#xff0c;游戏延迟飙红&#xff0c;或是刷剧总在关键时刻转圈——这些糟心体验八成是WiFi信号在作祟。很多人第一反应是升级千兆宽带&#xff0c;却忽略了无线信号从路由器…...

编程新知 2026/3/26 14:25:33

如何用OpenDroneMap免费实现无人机三维重建？3种快速上手方法

如何用OpenDroneMap免费实现无人机三维重建&#xff1f;3种快速上手方法 【免费下载链接】ODM A command line toolkit to generate maps, point clouds, 3D models and DEMs from drone, balloon or kite images. &#x1f4f7; 项目地址: https://gitcode.com/gh_mirrors/o…...

编程新知 2026/3/26 14:23:28

字节跳动“卷”到离谱！裸辞后我投身大模型风口，90天逆袭成“AI小子”！

个人自我介绍 鄙人出生于南方小乡镇&#xff0c;为了走出小镇&#xff0c;在当地够拼够努力&#xff0c;不是自夸&#xff0c;确确实实也算得上“别人家的小孩”&#xff0c;至少在学习这件事情少&#xff0c;没有要家里人操过心。 高考特别顺利&#xff0c;一个老牌985&#x…...

编程新知 2026/3/26 12:06:09