Tengo un componente vue el cual tiene una tabla con varios objetos tipo Persona; todo trabaja perfecto, pero en el botón Consultar o Editar de cada fila (Se supone que debería direccionar a la consulta o edición de dicha persona) no se como pasar la variable en el botón, no se como se debe manejar el sintaxis al pasar variables vue mediante href u onclick
<table v-show="table" class="table table-bordered table-sm table-light text-center">
<thead>
<tr class="bg-primary">
<th>Documento</th>
<th>Nombre</th>
<th>Apellido</th>
<th scope="col" colspan="2">Acciones</th>
</tr>
</thead>
<tbody>
<tr v-for="person in people">
<td>{{person.documento}}</td>
<td>{{person.nombre}}</td>
<td>{{person.apellido}}</td>
<td>
<button onclick="window.location='./properties/'+ person.documento +'/edit'" class="btn btn-primary">Consultar</button>
</td>
</tr>
</tbody>
</table>