vuejs: Router-link params ist leer

Question

I definiert haben einen Router-Link

<router-link :to="{ path: linkTo + '/' + item.name, params: { id: item.id } }" >{{item.name}}</router-link> 

Aber wenn ich den Router-Verbindung prüfen, das params Objekt ist immer leer.

Was mache ich falsch? Wenn ich nur Ausgang mit der ID {{item.id}} i die Zahl bekommen ...

Das ist mein Weg

{ path: '/category/:name', component: Category, props: true, name: 'category', meta: { auth: true } }, 

gregor

Answer 1

Das dynamische Segment in der Route angegeben ist " Name ", nicht die" ID ". Das bedeutet, dass Ihr $ route.params-Objekt keine "id" -Eigenschaft besitzt und Sie nicht mit Props in Ihrer untergeordneten Komponente darauf zugreifen können.

Sie müssen entweder den Pfad in Ihrer Route zu path: '/category/:id' ändern oder Ihre Router-Link-Parameter zu params: { name: item.id } ändern. Vergessen Sie nicht, props: ['id'] (oder props: ['name']) in Ihrer untergeordneten Komponente hinzuzufügen.