Как установить предотвращение события в vue-select? - PullRequest
Новая
       46

Как установить предотвращение события в vue-select?

1 голос
/ 18 октября 2019

В моем приложении Laravel 5.8 / vuejs 2.6 с "vue-select": "^ 2.6.4" I
установить действие, когда опция выбрана, но у меня есть 2 проблемы с ней: 1) Похоже, что действие запущенона открывшейся странице 2) При выборе опции действие запускается дважды. 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"

Я попробовал несколько вариантов и потерпел неудачу со всеми. Пожалуйста, рабочий пример ...

1 Ответ

1 голос
/ 20 октября 2019

Я нашел, что @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>
...