Vue前端项目父组件调用子组件的时候,调用方式如下:
父组件
<template>
<div>
<child ref="refChild"></child>
<Button type="primary" @click="btnZi">调方法</Button>
</div>
</template>
<script>
import child from '../../components/child.vue'
export default {
components: { child },
data () {
return {
}
},
methods: {
btnZi () {
console.log(this.$refs)
debugger
this.$refs.refChild.mYIsZiMethods()
}
}
}
</script>
子组件
<template>
<div @click="mYIsZiMethods ">子组件</div>
</template>
<script>
export default {
methods: {
mYIsZiMethods () {
alert('123')
}
}
}
</script>