vue中父组件执行子组件中的方法
父组件
//子组件渲染在父组件中
<div>
<componentsName ref='anyName' ></componentsName>
<button @click="btnClick"></button>
</div>
<script>
import componentsName from "./componentsName.vue";
export default {
components: {
componentsName
},
methods: {
btnClick(){
this.$refs.anyName.way()
}
}
}
</script>
子组件 componentsName.vue
//子组件中的方法
method:{
way(){
console.log('调用成功')
}
}