问答

父组件调用子组件的方法

作者:admin 2021-04-18 我要评论

1.点击编辑按钮出现弹窗,这个弹窗是一个子组件 2.子组件中有一个方法,需要点击编辑的时候去调用 实现的方法 ` //父组件中的编辑按钮onEdit(row) { this.$nextTic...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

image.png
1.点击编辑按钮出现弹窗,这个弹窗是一个子组件
2.子组件中有一个方法,需要点击编辑的时候去调用
实现的方法
`

//父组件中的编辑按钮
onEdit(row) {
  this.$nextTick(() => {
    // 调用子组件
    this.$refs.dialogTemplate.handleEdit(row.id);
    this.dialog.tabTitle = "编辑";
    this.dialog.isVisible = true;
  });
},

`
子组件在父组件中引用
`

<dialog-template
  ref="dialogTemplate">
 </dialog-template>

`
子组件的方法
`

 handleEdit(id) {
    //请求数据
 }

`
当进入页面后快速的点击编辑 会出现
image.png
刷新页面后 这个bug就没有了
请问大家有好的地方去调用子组件中的方法吗

###

子组件还没挂载,延迟调用就行。

其实就是父子组件通讯,也可以用一个变量控制,子组件监听变量,然后自己调用函数

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • nginx响应速度很慢

    nginx响应速度很慢

  • 点击选中的多选框,会在已选那一栏显示

    点击选中的多选框,会在已选那一栏显示

  • PHP 多态的理解

    PHP 多态的理解

  • 关于C语言中static的问题

    关于C语言中static的问题

腾讯云代理商
海外云服务器