Vue.js событие на изменение опции в элементе “select”

170
06 мая 2018, 19:46

никак не могу понять, как сделать событие на тот случай, когда пользователь меняет опцию в select... Вот пример:

<template>
    ...
        <select v-model="selectedTask">
             <option v-for="task in $root.$data.tasks">{{ task.title }}</option>
        </select>
    ...
</template>
<script>
    export default {
        ...
        data() {
            return {
                ...
                selectedTask : $root.$data.tasks[0].title,
                ...
            }
        },
        methods : {
            ...
                // Хотелось бы чтобы это метод срабатывал, когда пользователь выбрал другой option в select
                onChangeSelectedTask : function() {
                    alert("Selected: " + this.selectedTask);
                }
            ...
        }
    } 
</script>
Answer 1
<select v-model="selectedTask" @change="onChangeSelectedTask">
READ ALSO
Как скроллить вниз на чистом js?

Как скроллить вниз на чистом js?

Есть div с классом main,нужно с помощью js программно делать скролл в самый низ этого блокаИли вообще в самый низ body

202
Счетчик времени на Джаваскрипт

Счетчик времени на Джаваскрипт

Сумел с костылями закодить такой вот счетчикНе подскажете как сделать бесконечный цикл,чтобы таймер шел с 0 до бесконечности

227