父组件加载时调用子组件方法
时间: 2024-02-28 20:49:11 浏览: 201
父组件加载时调用子组件方法可以通过以下步骤实现:
- 在父组件中引入子组件,并在需要调用子组件方法的地方添加子组件标签,例如:
<template> <div> <child-component ref="child"></child-component> <button @click="callChildMethod">调用子组件方法</button> </div> </template>
- 在子组件中定义需要调用的方法,并通过
$refs
获取子组件实例,例如:<template> <div> 子组件内容 </div> </template> <script> export default { methods: { childMethod() { console.log('子组件方法被调用') } } } </script>
- 在父组件中定义调用子组件方法的函数,并通过
$refs
获取子组件实例并调用子组件方法,例如:
这样,当父组件加载时,就可以通过点击按钮调用子组件方法了。methods: { callChildMethod() { this.$refs.child.childMethod() } }