vue实现子路由调用父路由的方法

<template>
  <div style="height: 100%">
  	 <!-- 路由占位符 -->
     <router-view @update="getRightList()" />
  </div>
</template>
<script>
export default {
  name: "Home",
  data() {
  	return {
  	}
  },
  methods: {
    // 获取权限数据
    getRightList(data) {
      console.log("45465456");
    },
  },
}
<script>

let _that = this;
_that.$emit("update");

<template>
  <div class="parent-demo">
    <div>这是父页面</div>
    <router-view></router-view>
  </div>
</template>
 
<script>
export default {
  data () {
    return {
      parentParam: '父页面数据'
    }
  },
  methods: {
    // 初始化
    init (msg) {
      alert('这是父页面，传入的参数是："' + msg + '"')
    }
  }
}
</script>

<template>
  <div class="children-demo">
    <div>这是子页面</div>
  </div>
</template>
 
<script>
export default {
  data () {
    return {}
  },
  mounted () {
    this.init()
  },
  methods: {
    // 初始化
    init () {
      this.$parent.init('在子页面中调用父页面的数据和方法，' + this.$parent.parentParam);
    }
  }
}
</script>