美文网首页
NuxtJS 多层动态路由 /dataset/:industry

NuxtJS 多层动态路由 /dataset/:industry

作者: 不知道的是 | 来源:发表于2019-06-27 21:43 被阅读0次

需求:将冗长的路由缩短

before

/dataset/{industryID:5cfcc796fb0a4e6b9f2550d3,category:5cfcc796fb0a4e6b9f2550ca}

after

/dataset/5cfcc796fb0a4e6b9f2550d3/5cfcc796fb0a4e6b9f2550ca

pages/
--| dataset/
-----| _industry/
-------| _category.vue
<!--  _category.vue -->
<template>
  <div>2</div>
</template>

<script>
export default {
  mounted() {
    // {
    //   fullPath: "/dataset-list/f/f",
    //   hash: "",
    //   matched: [{}],
    //   meta: {},
    //   name: "dataset-list-industry-category",
    //   path: "/dataset-list/f/f",
    //   query: {}
    // }
    console.log(this.$nuxt.$route)
  }
}
</script>

相关文章

网友评论

      本文标题:NuxtJS 多层动态路由 /dataset/:industry

      本文链接:https://www.haomeiwen.com/subject/klalcctx.html