猿问

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

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

    }

  }

})

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

互换的青春
浏览 1697回答 1
1回答

精慕HU

请用vuex。。
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答