vue中父组件中调用子组件中定义的方法

最新推荐文章于 2024-09-29 23:07:20 发布

都挺好，刚刚好

最新推荐文章于 2024-09-29 23:07:20 发布

阅读量720

点赞数 1

分类专栏：工作

原文链接：https://blog.csdn.net/yunchong_zhao/article/details/104266207?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522164446495016781685329043%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fall.%2522%257D&request_id=164446495016781685329043&biz

版权

vue.js javascript 前端

工作专栏收录该内容

18 篇文章 0 订阅

订阅专栏

1、首先是子组件中 Child.vue

methods:{
 
      show(){
 
          console.log('hello vue.js');
 
     }
 
}

2、然后就是父组件

<child ref="child"></child>
 
<button @click="child">调用子组件的方法</button>
 
child(){
 
    this.$refs.child.show()   // 注意 这里我们是在上面使用了一个子组件  如果是俩个的话 就是数组形式了                                                                                 // this.$refs.child[0].show()  进行调用第一个使用的子组件
 
}