vue中a标签路径拼接&restful请求路径拼接

本文探讨了在Vue应用中如何进行a标签的href路径拼接,以及如何在RESTful风格的请求中拼接路径。对于a标签,通过在属性前加上并用括号包裹数据来实现动态路径。而在RESTful请求中,路径拼接可通过直接添加到路径或以参数形式添加。后台接收时,可以使用@PathVariable或@RequestParam注解来获取这些路径数据。

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

vue中a标签href路径拼接
<a :href="'../remove?id=' + item.id">删除</a

vue中属性中要解析数据,需要在属性前加,属性中不属于数据和不需要解析的部分用''括起来,这样就实现了将数据发送到后台或其他页面

restful风格的请求路径拼接
  1. 直接添加到路径中
axios.delete("../remove/" + i )

后台接收

	@DeleteMapping("/remove/{id}")
    public HttpResp remove(@PathVariable("id") Integer id )

直接添加到路径中必须在@DeleteMapping注解声明,“我这里有个数据”,再结合@PathVariable注解从路径中拿出数据注到参数中。

  1. 以参数形式添加到路径中
axios.delete("../remove/?id=" + i)

后台接收

	@DeleteMapping("/remove")
    public HttpResp remove(@RequestParam Integer id)

用普通url传值的方式发送,后台接收数据时可以用@RequestParam注解声明参数开源,也可以不用注解,程序会自动寻找

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值