父组件调用子组件,利用$refs获取子组件的方法

 

 1export default {
 2    methods:{
 3        prompts(txt){
 4            alert(txt)
 5        }
 6    }
 7}
 8//父组件
 9 <template>
10 <myChild ref="child"></myChild> 
11<button @click="btn('我是子组件')">确定</button> 
12</template> 
13export default{
14 import myChild from '@/components/myChild' 
15export default{
16 components:{
17 myChild 
18},
19 methods:{
20 btn(txt){ this.$refs.child.prompts(txt)//通过$refs找到子组件,并找到方法执行
21 } 
22}
23} 
24}
25