您的位置:首页 > 产品设计 > UI/UE

vue,父组件调用子组件方法

2018-02-04 21:54 525 查看
父组件调用子组件,利用$refs获取子组件的方法

//子组件
export default {
methods:{
prompts(txt){
alert(txt)
}
}
}


//父组件
<template>
<myChild ref="child"></myChild>
<button @click="btn('我是子组件')">确定</button>
</template>
export default{
import myChild from '@/components/myChild'
export default{
components:{
myChild
},
methods:{
btn(txt){
this.$refs.child.prompts(txt)//通过$refs找到子组件,并找到方法执行
}
}
}
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: