vue 3 中 params router-link 的绑定值如何？

Question

嗨，很抱歉我的菜鸟问题。我需要 router-link 的绑定参数值。我搜索了很多，我认为它是正确的我的代码，但不起作用。

<router-link :to="{name: 'registro-new', params: {id: cliente.id}}">registro </router-link>

这是console.log

中的错误

[Vue warn]: Unhandled error during execution of setup function 
  at <RouterLink to= 
Object { name: "registro-new", params: {…} }

name: "registro-new"

params: Object { id: undefined }

<prototype>: Object { … }
 > 
  at <Cliente onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< undefined > > 
  at <RouterView> 
  at <Dashboard onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< undefined > > 
  at <RouterView key="/cliente/1" > 
  at <App> runtime-core.esm-bundler.js:6873:16

我认为 cliente.id 它是空的，但如果我将 {{cliente.id}} 写入 div 我得到了值。

如果我手动输入这样的数字我的路线工作

<router-link :to="{name: 'registro-new', params: {id:1}}">registro </router-link>

所以我真的不知道我的缺点在哪里。有人可以帮我吗？

Answer 1

在呈现时客户端 ID 似乎还不可用，因此添加条件以在 ID 准备就绪时呈现路由器 link v-if="cliente.id" :

<router-link v-if="cliente.id" :to="{name: 'registro-new', params: {id: cliente.id}}">
  registro 
</router-link>

vue 3 中 params router-link 的绑定值如何？

how binding value on params router-link in vue 3?

vue.js

vue-router

vuejs3

vue-router4