父组件代码(index.vue)
我们可以这样理解谁是父组件在哪引用谁就是父组件一般index是最大的父组件
需求:
现在想从dialog中间组件调用aMap里面的方法
<template>
<div class="map-container">
<div class="map-wrapper">
<Map ref="line" /> //实例组件
</div>
<Dialog @wire="wire"/>
</div>
</template>
<script>
import Map from './aMap' //引用aMap组件
import Dialog from './dialog'//引用Dialog组件
import $ from 'jquery'
export default {
components: {
//注册组件
'Map': Map, //注册名为Map的组件在上面引用就行了
'Dialog': Dialog
},
data () {
return {
}
},
methods: {
wire(val) {
//这个是中间件自己定义的名字作用是父组件绑定中间组件我们就能在中间组件点击按钮然后$emit抛出去给父组件就能触发wire方法
this.getWire(val) //调用getWire方法
},
getWire