在 v-bind:href 中传递参数

Posted 2023-02-23

【中文标题】在 v-bind:href 中传递参数

【英文标题】：Pass parameter in v-bind:href

【发布时间】：2021-10-08 07:19:16

【问题描述】：

我的 vue 组件中有一个 <a> 标签，通过检查某些条件 v-bind:href 可能会有所不同。我已经使用了三元运算符，在其他部分我想通过 url 传递 id，但不作为 url 的一部分（如'/test/'+id）。 id 不应该在 url 中。那怎么办呢？

这就是我尝试的方法，它给了我编译错误，因为在其他部分的 id 之前有逗号，

<a v-bind:href="type === 'single' ? '/user/'+user.id+'/edit' : '/profile',user.id">

网址应类似于“/profile”

【问题讨论】：

能否请edit your question 提供各种URL 的示例？另外，您的意思是在 else 部分使用'/profile/' + user.id 吗？

不，我想使用 else 部分 url 作为“/profile”，我想用它传递用户 ID。但不是用 url。

“我想通过它传递用户 ID。但不是通过 url”...您认为它的工作原理是什么？

在laravel php中我实现了如下， route('my.profile',['user_id'=>$user->id])

我不太了解 Laravel，但我有限的知识表明它会在生成的 URL 中包含用户 ID，只要您在路由 URL 中定义了 user_id 参数

【参考方案1】：

我已经解决了，

<a v-bind:href="type === 'single' ? '/user/'+user.id+'/edit' : '/profile?user_id='+user.id">