使用 q-select（Quasar 框架）的 onChange 触发方法运行

Question

当我改变所选的值时，函数不运行。我该如何解决这个问题？这是我的代码：

<q-select
  v-model="single"
  :options="['def', 'abc', '456', '123']"
  use-chips
  label="Select One"
  @input="showChannel()"
/>

JavaScript 代码：

methods: {
  showChannel(val) {
    console.log(val);
  }
}

- Chris

Answer 1

请使用@update:model-value替代@input。(我使用了Quasar v2.0.3)

所以，您的情况如下：

<q-select
  v-model="single"
  :options="['def', 'abc', '456', '123']"
  use-chips
  label="Select One"
  // @update:model-value instead of @input 
  @update:model-value="showChannel()" 
/>

有时候，Quasar 很棘手。

- Kai - Kazuya Ito

Answer 2

<q-select
  v-model="single"
  :options="['def', 'abc', '456', '123']"
  use-chips
  label="Select One"
  // @update:model-value instead of @input 
  @update:model-value="val => showChannel(val)" 
/>

- tiny

Answer 3

对于那些使用Quasar v2的人，他们将事件从input更改为input-value

- Riyaz Khan

Answer 4

我刚刚注意到文档中的事件。我将关键字“change”更改为“input”，然后它开始工作了。

- Chris