¿Cómo puedo evitar que este botón se active en esa ruta de URL?
Estoy tratando de hacer una verificación de método basada en alguna lógica y luego, si no pasa, necesito evitar que este botón haga algo.
Cualquier ayuda sería muy apreciada :)
<v-btn @click="checkIfCanCreateTO($event)" :to="{ name: 'New', params: { selected: selectedItems, readonly: false } }" > <v-icon small class="mr-2">mdi-account-plus</v-icon> Create New with {{ selectedItems.length }} item(s) </v-btn>Si no desea que el botón cambie de ruta cada vez que se hace clic en él, pero hágalo de forma condicional, ¡no lo use to apoyar!
Use solo el controlador @click , verifique sus condiciones y luego use $router.push({ name: 'New', params: { selected: this.selectedItems, readonly: false } }) dentro del controlador...
<v-btn @click.prevent="checkIfCanCreateTO($event)" :to="{ name: 'New', params: { selected: selectedItems, readonly: false } }" > <v-icon small class="mr-2">mdi-account-plus</v-icon> Create New with {{ selectedItems.length }} item(s) </v-btn>Complemento a la respuesta
Puede agregar " prevenir eventos" a la función
checkIfCanCreateTO(event) { event.preventDefault(); // your code }