Vue 3组件开发中的路由跳转技术实例：前端传参与后端接收到传入参数
发布时间
阅读量：
阅读量
背景 ：goodscate页面包含大量商品分类信息，用户点击特定分类后，系统将跳转至对应分类的商品列表页面，并在该页面接收传递的参数，从而实现content内容在商品列表页面的展示。
第一步：goodscate向goodslist传递两个参数id和content，这两个参数通过“/”符号进行分隔、
//goodscate
<template>
<div>
<h1>goodscate</h1>
<ul>
<li v-for="(item,index) in catelist" :key='index'>
<router-link :to='"/goodslist/"+item.id+"/"+item.content'>
<img :src="item.url" /><br>
<b>{{item.content}}</b>
</router-link>
</li>
</ul>
</div>
</template>
全部评论 (0)
还没有任何评论哟~