在vue我们可以用$ref获取子组件的实例和获取DOM
所以我们想要在父组件调用子组件方法就可以通过$ref去获取然后调用就好了
例:
子组件:
<template>
<div></div>
</template>
<script>
export default {
created(){
}
methods:{
fetchData (interval=30) {
console.log(interval)
}
},
}
</script>
父组件:
<template>
<div @click="reloadChlid">
<<income-echart ref="child"></income-echart>
</div>
</template>
<script>
import incomeEchart from "./common/incomeEchart";
export default {
data(){
return {
interval: 7
}
},
components: {
incomeEchart
},
methods:{
reloadChlid() {
this.$refs.child.childMethod(this.interval);
}
}
}
</script>