<router-link>路由传参的写法

点击商品跳转商品详情应该是现在前端最熟悉的跳转,写小程序时大多都是编程式在js里操作跳转,但也有写在HTML页面的。

但写Vue时我没有使用编程式导航,以后写的时候再补充吧。

  { path: '/goodsDetails/:id', component: goodsDetails }    //这个是写在路由文件的 属于params 毕竟在我感觉用query 实在是太low了

<router-link :to="'/goodsDetails/'+item.goods_id">    //这是写在页面格式 当然你也可以使用 tag 渲染成你需要的 <li>

上边的 “ :to ” 一定要注意是有冒号的,因为他要动态的进行跳转

成功之后你得路由会是这个格式


©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容