关于vue中router-link点击跳转问题?

Question

第一次点击的时候路由是这样http://localhost:8080/apple/red/detail/3

当我在跳转的页面中多次点击,路由会累加在后面,http://localhost:8080/apple/red/detail/apple/red/detail/apple/red/detail/apple/red/detail/3

这是为什么?

<router-link :to="{path:'apple/red/detail/3'}">to apple</router-link>
mode:'history',
routes: [

{
  path: '/',
  name: 'HelloWorld',
  component: HelloWorld
},
{
    path:'/apple/:color/detail/:type',
    
    name:'apple',
    component:Apple
}

]

Answer 1

是router-link中,改成{path:'/apple/red/detail/3'}

Answer 2

path:'/apple/:color?/detail/:type?'这样试试，