vue-router父子页面通信问题:子页面调用主页面,怎么实现呢

空无
  • 1.1k

vue-router中,路由子页面如何调用主页面呢,查看了官方文档,父子模块通信可以试用$on$emit 来通信,但是到了路由里该怎么去写呢,翻遍了vue和vue-router的文档也没有找到相应的方法。

官方提供的父子组件通信方法

Vue.component('button-counter', {
  template: '<button v-on:click="increment">{{ counter }}</button>',
  data: function () {
    return {
      counter: 0
    }
  },
  methods: {
    increment: function () {
      this.counter += 1
      this.$emit('increment')
    }
  },
})
new Vue({
  el: '#counter-event-example',
  data: {
    total: 0
  },
  methods: {
    incrementTotal: function () {
      this.total += 1
    }
  }
})

但是这种方法在路由里没法使用,

回复
阅读 5.5k
1 个回答
✓ 已被采纳
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏