vue.js 使用q-select通过onChange运行方法(Quasar框架)

ogsagwnx 于 2023-02-09 发布在 Vue.js

关注(0)|答案(4)|浏览(406)

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

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

JavaScript代码：

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

vue.js

来源：https://stackoverflow.com/questions/62803270/run-a-method-by-onchange-with-q-select-quasar-framework

4条答案

按热度按时间

uxhixvfz1#

使用@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()" 
/>

有时候类星体很狡猾。

赞(0）回复(0）举报 2023-02-09

tkclm6bt2#

<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)" 
/>

赞(0）回复(0）举报 2023-02-09

ecfsfe2w3#

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

赞(0）回复(0）举报 2023-02-09

mm9b1k5b4#

我刚刚注意到文档中的事件。我把关键字“change”改成了“input”，它就开始工作了。

赞(0）回复(0）举报 2023-02-09