vue中父组件中调用子组件中定义的方法
我们经常问会问父子组件间的参数传递 那我们在父组件中怎么使用子组件中的方法呢
我还是直接上思路和代码 是通过 ref 进行调用的
首先是子组件中 Child.vue
methods:{
show(){
console.log('hello vue.js');
}
}
然后就是父组件
<child ref="child"></child>
<button @click="child">调用子组件的方法</button>
child(){
this.$refs.child.show() // 注意 这里我们是在上面使用了一个子组件 如果是俩个的话 就是数组形式了 // this.$refs.child[0].show() 进行调用第一个使用的子组件
}
最后成功调用,这种形式 在业务中还是比较常用的 好了到此结束