5步学会Vue页面级路由传参。

本文介绍了一种通过点击事件传递参数给服务器,进而实现不同页面内容动态加载的方法。具体步骤包括:为元素添加点击事件并传递ID,服务器根据ID动态获取数据,配置API服务器处理跨域问题,设置请求接口,最后通过子组件完成页面渲染。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

例子:点击4个元素 跳转到内容数据不同的页面。

思路:通过点击事件,传递一个参数给服务器,服务器(模拟服务器)根据传递过来的参数,动态请求数据,将数据绑定到接口,供子组件渲染。

步骤1:给a添加点击事件,触发方法send(n),设置跳转页面并 传递id=n

步骤2:page页面接收传送过来的id,处理数据,并返回数据:

数据放到接口,给子组件动态渲染。

步骤3:配置api服务器。处理跨域传参。

步骤4:设置请求地址:添加id接口

步骤5:设置apis.js+id

OK,start~

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值