vue父组件调用子组件事件 通过ref

原创 motu_1991 随笔 vueJs 179阅读 2018-06-21 09:29:44 举报

parent.vue:

<div class="middleChart">
<div class="chartHeader">
违禁品分析
</div>
<x-chart :id="id2" :option="option2" class="chartCon contrabandChart" ref="xChart"></x-chart>
</div>
<button @click="parent"></button>
<script>
import XChart from '../../components/chart.vue'
export default {
components:{
XChart
},
methods:{
parent(){
this.$refs.xChart.childFn()
}
}
}
</script>

child.vue

<script>
export default{
methods:{
childFn(){
alert("父组件调用子组件事件");
}

}
}
</script>

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复