时间戳

首页 > 解决方案 > 如何在 vueJS 中将文本添加到路由器链接

javascript - 如何在 vueJS 中将文本添加到路由器链接

问题描述

我正在尝试使用路由器链接向我的“to”属性添加一些文本。我写的代码是

<router-link :to="camp._id" class="btn btn-primary">Know more</router-link> // it redirects to the route localhost/23bjsaki24r...

我的要求是将用户重定向到路由 - localhost/campgrounds/23bjsaki24r ... 而不是 localhost/23bjsaki24r ... 如何在 camp._id 之前添加字符串“campgrounds”？谢谢

PS：我正在使用 Vuejs

标签： javascripthtmlnode.jsvue.js

解决方案

哈哈哈，nvm，我翻阅了 vue-router 文档并找到了解决方案。

<router-link :to="{ name: 'user', params: { userId: 123 }}">User</router-link>

这个代码片段让我更清楚地了解如何向我的“:to”属性添加其他参数。

我的问题的解决方案是

<router-link :to="{ name: 'Campground', params:{id:camp._id}}" class="btn btn-primary">Know more</router-link>

其中 name: - 包含组件名称和 params: - 包含我在 vue-router 文件中定义的附加参数。

推荐阅读