美文网首页
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