vue动态路由

215 阅读1分钟

动态路由

1.引入路由组件
    const GoodsList = ()=>import("@/views/GoodsList")
2.路径配置
    {
      path: '/goodslist/:goodsId/user/:name',
      name: 'GoodsList',
      component: GoodsList
    },
3.params接受
<template>
    <div id="goodslist">
        <p>我是goodslist路有组件</p>
        {{$route.params.goodsId}}
        {{$route.params.name}}
    </div>
</template>