Tengo un campo de texto básico que al presionar una tecla enviaría la solicitud de búsqueda al backend.
<template> <v-form ref="form" > <v-text-field v-model="deviceId" label="Search" required clearable name="searchInput" @keyup.native="updateStore" /> </v-form> </template>y este es el guion
device : string | undefined = undefined get deviceId () : string | undefined { if (this.device === undefined) { this.device = store.selectedDevice } return this.device } set deviceId (value : string) { store.selectDevice(value) this.device = value } updateStore (value: string): void { console.log(value) store.selectDevice(value) } El problema es que no envía una solicitud para todos los caracteres escritos en la búsqueda. Entonces, si escribo 'ping', la consulta solo envía query=p . Sin embargo, si copio y pego la cadena en la barra de búsqueda, envía query=ping .
¿No está seguro de qué evento vueitfy usar o si la estructura de la plantilla es incorrecta?
Intente usar el evento de input en lugar de keyup :
<template> <v-form ref="form" > <v-text-field v-model="deviceId" label="Search" required clearable name="searchInput" @input="updateStore" /> </v-form> </template>