vue，按钮是v-for遍历出来的，点击每一个按钮进入到指定的页面，路由配置这一块不会写

Question

<section>

<div class="nav">
    <div class="nav_con">
        <router-link :to="{path:item.link,query:{title:item.title,category_id:item.id}}" class="nav_item" v-for="item in Nav" :key="item.id">
            <span class="nav_img"><img :src="item.icon"></span>
            <i class="nav_text">{{item.title}}</i>
        </router-link>
    </div>
</div>

</section>

我在本地json中定义了link，但是实际后台数据中没有，需要自己配置路由，知道是用变量，但就是不会写。

Answer 1

哪部分代码不会写

Answer 2

多翻翻官方文档应该就可以解决吧，组件里放一个<router-view>

路由配置如下：

const router = new VueRouter({
  routes: [
    {
      path: '/user/:id', component: User,
      children: [
        // 当 /user/:id 匹配成功，
        // UserHome 会被渲染在 User 的 <router-view> 中
        { path: '', component: UserHome },

        // ...其他子路由
      ]
    }
  ]
})

Answer 3

path路径对应的值就是你要跳转的页面对应的路径

Answer 4

有个比较野蛮的办法，就是告诉你的后台 ，你页面的路由名称（在跳转页面是固定的情况下）

Answer 5

把json数据序列化到nav不就行了？