如何在 vue-select 中设置阻止事件”

Question

在我的 Laravel 5.8 / vuejs 2.6 应用中 "vue-select": "^2.6.4" I
set action when option is selected, but I have 2 problems with it: 1）看起来动作是在打开的页面上触发的 2）当我select选项Action被触发两次。 3) 我试图设置 .prevent :

<v-select
    v-model="selection_forum_post_action"
    :options="forumPostActionValueArray"
    id="forum_post_action"
    name="forum_post_action"
    class="form-control editable_field"
    placeholder="Select action"
    @change.prevent="forumPostActionSelected(nextThreadPost.id, nextThreadPost.body, nextThreadPost.creator_name)"
></v-select>

但是出现控制台错误：

app.js?dt=1571398092:134128 [Vue warn]: Error in v-on handler: "TypeError: $event.preventDefault is not a function"

我尝试了几种变体，但都失败了。请工作示例...

Answer 1

我发现@input 对我很有用：

<v-select
    v-model="selection_forum_post_action"
    :options="forumPostActionValueArray"
    id="forum_post_action"
    name="forum_post_action"
    class="form-control editable_field"
   placeholder="Select action"
   @input="forumPostActionSelected(nextThreadPost.id, nextThreadPost.body, nextThreadPost.creator_name)"
></v-select>

如何在 vue-select 中设置阻止事件”

How to set prevent event in vue-select"

vuejs2

vue-select