javascript - Vue Router 在大多数组件中工作，但不在工具栏中

Question

我正在使用 Vue 和 Vue Material。这是我的应用程序的结构。

<template>
  <div id="app">
    <div id="toolbar">
      <md-toolbar>
        <h1 class="md-title">OATS</h1>
      </md-toolbar>
    </div>
    <router-view/>
  </div>
</template>

使用 this.$router.push 适用于我所有作为路由结果的视图。但是，我想在我的工具栏中有一个注销按钮，因此有一个功能

<script>
export default {
  name: 'toolbar',
  methods: {
    logout: function () {
      this.$http.get('http://localhost:8081/api/logout').then(function (res) {
        this.$store.commit('updateUser', '')
        this.$router.push('/login/')
      }).bind(this)
    }
  }
}
</script>

在我的 Toolbar.vue 中。当它碰到 router.push 时，它给了我一个 this.$router is undefined 错误。我错过了什么？谢谢你。