如何在VueJS中的router-link中传递URL参数
P粉930448030
P粉930448030 2023-12-19 10:56:30
[Vue.js讨论组]

我正在尝试从 VueJS 中的 Trackers 页面向 '/trackers/:id/Update' 或 '/trackers/:id/Delete' 发送请求,问题是我的 id 位于一个名为 items 的数据中我正在从我的 API 获取并将其存储在本地以供显示,我需要在目标 URL 中获取 {{item.trackerid}},即“/trackers/:id/Delete”。我找不到办法。有人可以告诉我正确的路径吗?

TrackersView.vue:





t

最终结果是这样的:

这是 localStorage 中的内容:

P粉930448030
P粉930448030

全部回复(1)
P粉106301763

当前路线的查询位于 this.$route.query 中,如果您想将其保留在目的地中,您可以将整个查询对象传递到另一个路线:

<router-link


:to="{ path: '/', query: $route.query }"
>
  Go There
</router-link>

如果您只想传递特定的查询参数:

<router-link
  :to="{ path: '/', query: { myQuery: $route.query.myQuery }}"
>
  Go There
</router-link>
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号