vue 父组件调用子组件方法并传参
时间: 2023-11-19 15:54:10 浏览: 108
Vue.js父与子组件之间传参示例
在Vue中,父组件可以通过ref属性获取子组件的实例,然后调用子组件的方法并传递参数。具体步骤如下:
1. 在子组件中定义一个方法,例如:handleClick(param),用于处理点击事件并接收一个参数。
2. 在父组件中使用ref属性给子组件命名,例如:<child ref="myChild"></child>。
3. 在父组件中使用this.$refs获取子组件的实例,例如:let child = this.$refs.myChild。
4. 调用子组件的方法并传递参数,例如:child.handleClick(param)。
注意:在调用子组件的方法之前,需要确保子组件已经被渲染到页面上。可以在mounted钩子函数中调用子组件的方法。另外,子组件的方法也可以通过$emit事件向父组件传递数据。
阅读全文