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

danger_man

于 2021-05-19 15:23:05 发布

阅读量1.9k

点赞数

CC 4.0 BY-SA版权

分类专栏： Vue 文章标签： vue

本文链接：https://blog.youkuaiyun.com/danger_man/article/details/117031045

Vue 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一个使用Vue.js实现的父路由与子路由页面间的通信案例。通过自定义事件更新子组件状态，展示了如何在Vue项目中组织结构化的路由布局，并实现组件间的有效通信。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

#父路由页面#

<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");