当前位置: 主页 > vuejs >

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

2021-09-14  |  来源:前端入门建站教程  |  栏目:vuejs

下面前端入门建站教程为大家介绍一下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主页点击按钮如何调用子组件方法”的全面内容,想了解更多关于 vuejs 文章,请继续关注前端入门建站教程。

当前网址:https://ipkd.cn/vuejs/4.html

最新文章

猜你喜欢