vue主页点击按钮如何调用子组件方法

<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项目打包后部分样式不生效怎么办（解决办法）

react如何实现父组件传值子组件（子组件只负责渲染）

react如何实现父组件调用子组件函数

Vue3如何通过子组件emit传递ref

vuejs子组件赋值失败解决方法

标签： 子组件

上面是“vue主页点击按钮如何调用子组件方法”的全面内容，想了解更多关于 vuejs 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_4.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！