javascript - 如何访问 nuxt.js 中的路由器对象

Question

我正在使用 nuxt.js 开发一个网站，该网站基于 vue.js。该网站是一个简单的网站，有许多内容页面。我想创建一个知道它在内容中的位置的组件，因此需要访问路由器对象。我尝试过 $nuxt.$route.path 但出现错误。如何导入 $nuxt 或 $router 对象以在我的组件中访问它们？

我的模板组件

<template>
  <div>
      <hr>
      <p>{{ $store.state.menuitems[0] }}</p>
      <hr>
      <div class="artfooter">
        <span>i want name of current route here</span>
      </div>
      <br>
  </div>
</template>


<style scoped>
.artfooter{
    font-size: 0.8em;
    display: flex;
    justify-content: space-between;
}
</style>



<script>
  import store from '~/store/index'
  //how to import $nuxt object to access router??
  console.log(store)
  console.log(this.$router.path)
  // the above console.log reports error
  // Cannot read property 'middleware' of undefined

  export default {
  }
</script>

Answer 1

您可以使用this访问它:

this.$route.path