vuejs 写树状二级菜单加上path 路径之后 导致 地址错轮

Question

<template><div class="slide">    <div v-for="(item,index) in list" class="slide-wrap"  @click="showList(item)">        <router-link class="title"  tag="div"  :to="{ path: item.path }">            <i :class="icons[index]" class="icons"></i>                {{item.title}}             <i class="icon-ml el-icon-arrow-right" v-if="item.children"></i>            <!-- <i v-show="item.isShow" class="el-icon-arrow-down icon-ml"></i> -->        </router-link >                    <div v-if="item.children" v-show="item.isShow" >            <div class="title1" v-for="items in item.children" >{{items.title}}</div>        </div>                    </div></div></template><script>export default{    name:'HomeSlide',    data(){        return {            list:[                {                    id:0,                    isShow: false,                    title:"首页",                    path: 'person'                },                {                    id:3,                    isShow: false,                    title:"示例表格 ",                    path: 'table'                },                {                    id:4,                    title:"综合实例 ",                    isShow: false,                    rightTir: true,                    path: 'explame',                    children:[                        {                            id: 0,                            title: "form表单编辑",                            path: 'form'                        },                        {                            id: 1,                            title: "富文本编辑",                            path: 'edit'                        }                    ]                }            ]                    }    },</script>代码是组图片是main.js当我点没children的子路由的时候地址正常,但是当我点了有children的子路由的时候地址就乱了 就像这样http://localhost:8080/index/table  http://localhost:8080/index/person  http://localhost:8080/index/explame/form、点了有子路由的综合实例在点没有子路由的 然后 路由就乱了 就像下面这样 不知道问题出那了http://localhost:8080/index/explame/table

Answer 1

可以吧path路径补全

path:'index/explame/form'

path:'index/explame/edit'