解决vue项目点击router-link,并携带参数进行路由跳转，但是跳转成功后地址栏显示路径异常的问题

在使用router-link进行路由跳转时，需要携带params参数，于是使用name结合params：

<router-link :to="{name:'detail', params:skuInfo.id}">查看商品详情</router-link>

 虽然跳转成功，地址栏却出现错误，正确情况下应为：localhost:8080/#/detail/3

 后来修改params为对象，地址栏恢复正确模式

<router-link :to="{name:'detail', params:{skuid: skuInfo.id}}">查看商品详情</router-link>

 

注意对象中的属性名要和路由设置中的占位名相同，否则一样会出现地址栏错误！！

// detail路由组件的路由设置
{
    name: 'detail',
    path: '/detail/:skuid',
    component: Detail,
    meta: {
        footShow: true
    }
},