Vuetify 按键搜索

Question

我有一个基本的文本字段，在按键时会将搜索请求发送到后端。

<template>
  <v-form
    ref="form"
  >
    <v-text-field
      v-model="deviceId"
      label="Search"
      required
      clearable
      name="searchInput"
      @keyup.native="updateStore"
    />
  </v-form>
</template>

这是脚本

  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)
  }

问题是它不会发送对搜索中输入的所有字符的请求。 所以如果我输入“ping”，查询只会发送query=p。 但是，如果我将字符串复制粘贴到搜索栏中，则会发送query=ping。

不确定要使用哪个 vueitfy 事件或模板结构是否不正确？

Answer 1

尝试使用input 事件而不是keyup：

<template>
  <v-form
    ref="form"
  >
    <v-text-field
      v-model="deviceId"
      label="Search"
      required
      clearable
      name="searchInput"
      @input="updateStore"
    />
  </v-form>
</template>