将 id 附加到 vue.js 中的路由器链路

Question

我正在运行 Vue.js并有一个for循环和一个尝试生成与href的链接，如/car/xyz：

<router-link to="/car/+ car.id">{{ car.id }}</router-link>

但它无法正确呈现，因为我想我将错误的car.id附加到to值？

Answer 1

只需将to替换为:to并将值格式化为字符串：

<router-link :to="'/car/' + car.id">{{ car.id }}</router-link>

Answer 2

查看文档;推荐的方法是将路径绑定为对象。

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