(1)新建商品详情页组件GoodInfo.vue
(2)配置路由(router/index.js)
(3)编写商品展示页面基本结构
(4)添加a链接点击事件,开始传参
(5)methods选项,通过query传参
name:‘goodInfo’点击商品列表要跳到的页面,也可以是path:’/goodInfo’
(6)接收参数
商品详情组件接收参数并渲染(GoodInfo.vue)
(7)到此,便可以实现路由传参,点击后跳到相应商品详情页
路由传参
最新推荐文章于 2025-06-23 15:43:53 发布