父组件查询时调用子组件的方法

使用场景：

头部的查询条件放在父组件上，当点击查询时，下面的六个子组件会更新数据

例如：

在这里插入图片描述

1.在父组件上定义一个ref：

例如：
提示：在JS上定义ref，点击查询条件时调用这个ref里面的方法
在这里插入图片描述
提示：父组件HTML

在这里插入图片描述

2.子组件上抛出方法：

在这里插入图片描述
defineExpose({
getData
})

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/847533.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

手把手制作Vue3+Flask全栈项目 全栈开发之路实战篇 问卷网站（二）管理员后台

手把手制作Vue3+Flask全栈项目 全栈开发之路实战篇 问卷网站（二）管理员后台

全栈开发一条龙——前端篇 第一篇：框架确定、ide设置与项目创建 第二篇：介绍项目文件意义、组件结构与导入以及setup的引入。 第三篇：setup语法，设置响应式数据。 第四篇：数据绑定、计算属性和watch监视 第五篇 : 组件…
阅读更多...
MacOS - 为什么 Mac 安装软件后安装包在桌面上无法删除？

MacOS - 为什么 Mac 安装软件后安装包在桌面上无法删除？

只要你将这磁盘里面的软件放到应用程序里面去了，那么用鼠标选中这个跟磁盘一样的东西，然后按下键盘上的 Command E 即可移除桌面上的这个磁盘。
阅读更多...
404错误页面源码，简单实用的html错误页面模板

404错误页面源码，简单实用的html错误页面模板

源码描述 小编精心准备一款404错误页面源码，简单实用的html错误页面模板，简单大气的页面布局，可以使用到不同的网站中，相信大家一定会喜欢的 效果预览 源码下载 https://www.qqmu.com/3375.html
阅读更多...
《额尔古纳河右岸》有感

《额尔古纳河右岸》有感

看完了迟子建老师的《额尔古纳河右岸》，老规矩，写点东西吧。最近一段时间确实挺迷茫的，所以给自己找了点事儿，看看书。期初并不能认真看进去，慢慢的看见去之后，就愈发想知道故事的后来。 书里有太多关于死亡…
阅读更多...
GPT注册、手机验证码、侧边栏、翻译、绘图和视频的安装与使用

GPT注册、手机验证码、侧边栏、翻译、绘图和视频的安装与使用

侧边栏 下面这个侧边栏收费 效果不错 ## chrome自动翻译 沉浸式翻译效果最好，支持视频 沉浸式翻译 微软网页 https://designer.microsoft.com/image-creator https://www.yeschat.ai/zh-CN/assistants 字节AI网页 https://www.coze.com/store GPT注册 https:…
阅读更多...
YOLOv10环境搭建推理测试

YOLOv10环境搭建推理测试

引子 两个多月前YOLOv9发布（感兴趣的童鞋可以移步YOLOv9环境搭建&推理测试_yolov9安装-CSDN博客），这才过去这么短的时间，YOLOv10就横空出世了。现在YOLO系列搞得就和追剧一样了。。。OK，那就让我们开始吧。 一、…
阅读更多...
yolo-v8window环境运行

yolo-v8window环境运行

源码https://github.com/ultralytics/ultralytics 1.用pycharm打开YOLOv8文件夹，下载依赖项，依赖项已经以作者的名字来封装好，所以直接在终端输入：pip install ultralytics，安装好之后会默认安装的cpu版本的torch&am…
阅读更多...
FENDI CLUB啤酒屋狂欢派对：夏日激情，精酿畅饮

FENDI CLUB啤酒屋狂欢派对：夏日激情，精酿畅饮

在炎炎夏日，没有什么比一场啤酒屋的狂欢派对更能点燃人们的热情了。FENDI CLUB啤酒屋作为城市中的一颗璀璨明珠，以其独特的魅力吸引着无数啤酒爱好者前来畅享夏日激情。 一进入FENDI CLUB，仿佛就进入了一个充满活力和欢乐的海洋。五彩斑斓的…
阅读更多...
结构赋值对象

结构赋值对象

先看代码 Object.prototype[Symbol.iterator] function () {// 使用 Object.values(this) 方法获取对象的所有值，并返回这些值的迭代器对象return Object.values(this)[Symbol.iterator]()// return Object.keys(this)[Symbol.iterator]() } const c {age: 18,na…
阅读更多...
推荐ChatGPT4.0——Code Copilot辅助编程、Diagrams: Show Me绘制UML图、上传PDF并阅读分析

推荐ChatGPT4.0——Code Copilot辅助编程、Diagrams: Show Me绘制UML图、上传PDF并阅读分析

5月14日凌晨1点、太平洋时间的上午 10 点，OpenAI的GPT-4o的横空出世，再次巩固了其作为行业颠覆者的地位。GPT-4o的发布不仅仅是一个产品的揭晓，它更像是向世界宣告AI技术已迈入了一个全新的纪元，连OpenAI的领航者萨姆奥特曼也不禁…
阅读更多...
先进工艺的DPT技术

先进工艺的DPT技术

“2.5GHz频率 hierarchy DVFS低功耗A72培训” 2.5GHz 12nm 景芯A72 upf DVFS 后端实战训练营！随到随学！ 课程采用hierarchy/partition flow，先完成单核A72实战，然后完成A72 TOP实战！训练营简介： Instance&a…
阅读更多...
JSP、Servlet的Session到底什么时候创建？登录与验证到底和Session有什么关系？

JSP、Servlet的Session到底什么时候创建？登录与验证到底和Session有什么关系？

1 测试1[2024-5-23-9:00] 两次获取Session，第一次在查询到用户名密码是否与数据库数据匹配之前，即没有显式地getSession之前； 第二次在查询到用户名密码与数据库数据匹配，显式地getSession之后。 未通过登录验证的Session 通过…
阅读更多...
【网络安全的神秘世界】VsCode直连虚拟机

【网络安全的神秘世界】VsCode直连虚拟机

🌝博客主页：泥菩萨 💖专栏：Linux探索之旅 | 网络安全的神秘世界 | 专接本 通过VsCode连接虚拟机，可以进行远程操作 在vscode里安装以下插件： Docker Dev Containers Remote Development Remote ssh 配…
阅读更多...
Execl数据导入 EasyExcel实现

Execl数据导入 EasyExcel实现

官网 1. 需求简介 读取下面表格数据 第一行和第二行是计划信息 第三行是计划详情的抬头信息,以下行是计划详情信息 总段包含多个分段,总段使用了单元格合并功能 2. 实现读取功能 2.1 引入easyexcel依赖 <dependency><groupId>com.alibaba</groupId><…
阅读更多...
分享几个好用的网站、软件

分享几个好用的网站、软件

1、果核剥壳 https://www.ghxi.com 果核剥壳是一家综合科技站点&#xff0c;看新闻&#xff0c;分享破解软件、绿色软件&#xff0c;Windows系统。守住互联网最后的一片净土。 2、小众软件 https://www.appinn.com 小众软件是一个分享免费、小巧、有趣、实用软件的网站&…
阅读更多...
Hugo搭建博客和部署全流程—Congo主题和优化

Hugo搭建博客和部署全流程—Congo主题和优化

欢迎来到我的全新博客&#xff1a;探索科研、创业和日常——Hugo搭建博客、部署和优化全流程 &#x1f30f; Demo site: https://sylvanding.online/ ⭐️ Repo: https://github.com/sylvanding/sylvanding.github.io 我的博客使用Hugo搭建&#xff0c;选择Congo主题&#xff0…
阅读更多...
为什么25+胶原蛋白会流失？

为什么25+胶原蛋白会流失？

随着年龄的增长&#xff0c;特别是当我们步入25岁之后&#xff0c;胶原蛋白的流失问题逐渐凸显&#xff0c;成为影响皮肤健康和外观的重要因素。以下将从几个方面详细解释胶原蛋白流失的原因&#xff1a; 一、年龄增长 胶原蛋白是皮肤的主要支撑结构&#xff0c;但随着年龄的增…
阅读更多...
数据挖掘与机器学习——分类算法

数据挖掘与机器学习——分类算法

目录 机器学习算法最普通分类&#xff1a; 分类算法的定义&#xff1a; 分类算法的应用&#xff1a; 分类器实现分类&#xff1a; 分类器的构建标准&#xff1a; 概率模型&#xff1a; 贝叶斯公式&#xff1a; 朴素贝叶斯算法&#xff08;朴素贝叶斯分类器&#xff09;…
阅读更多...
【每日刷题】Day55

【每日刷题】Day55

【每日刷题】Day55 &#x1f955;个人主页&#xff1a;开敲&#x1f349; &#x1f525;所属专栏&#xff1a;每日刷题&#x1f34d; &#x1f33c;文章目录&#x1f33c; 1. 441. 排列硬币 - 力扣&#xff08;LeetCode&#xff09; 2. 455. 分发饼干 - 力扣&#xff08;Leet…
阅读更多...
centos系统清理docker日志文件

centos系统清理docker日志文件

centos系统清理docker日志文件 1.查看docker根目录位置2.清理日志 1.查看docker根目录位置 命令&#xff1a;docker info ,将Docker Root Dir 的值复制下来。如果目录中包含 等特殊符号的目录&#xff0c;需要转义 2.清理日志 创建文件&#xff1a;vim docker_logs_clean.…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023