<el-button type="primary" @click="openBtn">点击调用</el-button>
//添加ref
<ReportTraceQuery :reportTraceQueryShow.sync="reportTraceQueryShow" ref="reportTraceQuery"></ReportTraceQuery>
//调用
openMark() {
this.$refs.reportTraceQuery.reportTraceQueryTableData();
this.reportTraceQueryShow = true
},
//注：reportTraceQueryTableData()是子组件的方法
沃梦达教程
本文标题为：vue主页点击按钮如何调用子组件方法
基础教程推荐
猜你喜欢
- Ajax登陆使用Spring Security缓存跳转到登陆前的链接 2023-02-23
- ajax和jsonp跨域的原理本质详解 2023-02-14
- jQuery ajax json 数据的遍历代码 2023-01-20
- Ajax校验是否重复的实现代码 2023-01-31
- JS子父窗口互相操作取值赋值的方法介绍 2024-02-10
- JavaScript+CSS相册特效实例代码 2023-12-21
- Ajax实现局部刷新的方法实例 2023-02-23
- jQuery Validator验证Ajax提交表单的方法和Ajax传参的方法 2023-02-14
- 使用CSS和Java来构建管理仪表盘布局的实例代码 2024-03-08
- AngularJS学习笔记之表单验证功能实例详解 2024-04-08
