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

使用场景:

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

例如:

在这里插入图片描述


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

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

在这里插入图片描述


2.子组件上抛出方法:

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

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

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

相关文章

“Stable Diffusion“ 是一个常见的数值分析算法,通常用于解决偏微分方程

“Stable Diffusion” 是一个常见的数值分析算法,通常用于解决偏微分方程(PDE)中的扩散问题。它的稳定性使得它在模拟自然界中的各种扩散过程时非常有用。下面是一个简单的 “Stable Diffusion” 算法的概述: 算法概述&#xff1…

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

全栈开发一条龙——前端篇 第一篇:框架确定、ide设置与项目创建 第二篇:介绍项目文件意义、组件结构与导入以及setup的引入。 第三篇:setup语法,设置响应式数据。 第四篇:数据绑定、计算属性和watch监视 第五篇 : 组件…

oracle sql 查近90天数据

要查询Oracle数据库中近90天的数据,您首先需要确定您想查询的表中有一个表示日期的字段。假设您有一个名为your_table的表,并且该表中有一个名为date_column的日期字段,那么您可以使用以下的SQL查询来获取近90天的数据: sql复制代…

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

只要你将这磁盘里面的软件放到应用程序里面去了,那么用鼠标选中这个跟磁盘一样的东西,然后按下键盘上的 Command E 即可移除桌面上的这个磁盘。

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

源码描述 小编精心准备一款404错误页面源码,简单实用的html错误页面模板,简单大气的页面布局,可以使用到不同的网站中,相信大家一定会喜欢的 效果预览 源码下载 https://www.qqmu.com/3375.html

Python newline用法:深入探索换行符的奥秘

Python newline用法:深入探索换行符的奥秘 在Python编程中,newline字符扮演着至关重要的角色,它不仅是文本流中的分隔符,还是格式化输出的关键元素。然而,对于许多初学者来说,newline的用法却充满了困惑和…

C#按钮事件触发

Xmal文件下 <StackPanel><Button Content"加法" Click"Button_Click_1" Width"200" Height"50" Background"Green" MouseEnter"Button_MouseEnter" MouseLeave"Button_MouseLeave"/><…

《额尔古纳河右岸》有感

看完了迟子建老师的《额尔古纳河右岸》&#xff0c;老规矩&#xff0c;写点东西吧。最近一段时间确实挺迷茫的&#xff0c;所以给自己找了点事儿&#xff0c;看看书。期初并不能认真看进去&#xff0c;慢慢的看见去之后&#xff0c;就愈发想知道故事的后来。 书里有太多关于死亡…

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

侧边栏 下面这个侧边栏收费 效果不错 ## chrome自动翻译 沉浸式翻译效果最好&#xff0c;支持视频 沉浸式翻译 微软网页 https://designer.microsoft.com/image-creator https://www.yeschat.ai/zh-CN/assistants 字节AI网页 https://www.coze.com/store GPT注册 https:…

YOLOv10环境搭建推理测试

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

yolo-v8window环境运行

源码https://github.com/ultralytics/ultralytics 1.用pycharm打开YOLOv8文件夹&#xff0c;下载依赖项&#xff0c;依赖项已经以作者的名字来封装好&#xff0c;所以直接在终端输入&#xff1a;pip install ultralytics&#xff0c;安装好之后会默认安装的cpu版本的torch&am…

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

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

rust的类型转换(四)

基础类型 使用 as 关键字&#xff1a;用于基本数值类型之间的转换&#xff0c;例如将 i32 转换为 u32。 例子&#xff1a;let x: i32 10; let y: u64 x as u64; 使用标准库中的转换方法&#xff1a;如 from() 和 into() 方法&#xff0c;这些方法通常用于无风险的转换&#…

ASPICE培训是深化软件过程改进的关键

在当今信息化、智能化的时代&#xff0c;软件行业的发展日新月异&#xff0c;对软件质量和过程管理的要求也越来越高。ASPICE&#xff08;Automotive SPICE&#xff09;作为一种专门针对汽车行业软件过程改进的评估模型&#xff0c;正逐渐成为行业内的重要标准。为了提升软件研…

结构赋值对象

先看代码 Object.prototype[Symbol.iterator] function () {// 使用 Object.values(this) 方法获取对象的所有值&#xff0c;并返回这些值的迭代器对象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并阅读分析

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

先进工艺的DPT技术

“2.5GHz频率 hierarchy DVFS低功耗A72培训” 2.5GHz 12nm 景芯A72 upf DVFS 后端实战训练营&#xff01;随到随学&#xff01; 课程采用hierarchy/partition flow&#xff0c;先完成单核A72实战&#xff0c;然后完成A72 TOP实战&#xff01;训练营简介&#xff1a; Instance&a…

23、matlab一维数据插值:interp1() 函数

1、一维数据插值:interp1() 函数 语法 语法1:vq = interp1(x,v,xq) 使用线性插值返回一维函数在特定查询点的插入值。 语法2:vq = interp1(x,v,xq,method) 指定备选插值方法 参数 x:样本点 v:对应值 xq:查询点的坐标 method:linear(线性插值)、nearest(最近邻…

币界今日选题

来源&#xff1a;币界原创 作者&#xff1a;636Marx 5步做自己文章的铁粉 在浅谈了如何《诱导读者点开文章的9引真经》&#xff0c;作者明白他们锁定读者的时间不到一秒&#xff0c;一个非同质化诱导读者打开文章的标题就是写作第一步&#xff0c;接下来笔者准备讨论更早和更…

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

1 测试1[2024-5-23-9:00] 两次获取Session&#xff0c;第一次在查询到用户名密码是否与数据库数据匹配之前&#xff0c;即没有显式地getSession之前&#xff1b; 第二次在查询到用户名密码与数据库数据匹配&#xff0c;显式地getSession之后。 未通过登录验证的Session 通过…