Привязать вызов функции к элементу <option> в svelte

Привет, у меня есть элемент выбора, где последняя опция должна инициировать вызов отдыха для выхода пользователя из системы

Вот что я пробовал до сих пор

<select ref:logout>
    <option selected value={$user.role}>{$user.role}</option>
    {#each $user.pages as page}
        <option value={page}>{page}</option>
    {/each}
    <option on:click="logout()" value='logout'>Logout</option>
</select>

<script>
    export default {
      methods: {
        logout() {
          console.log("well hello");
      }
    };
</script>

Проблема в том, что метод выхода из системы никогда не вызывается.

Обновлять Проблема заключалась в том, что я использовал событие click вместо change и поместил его в элемент option вместо select.


1 076
1

Ответ:

Решено

Не могли бы вы изменить его на событие onchange для элемента select? Затем добавьте оператор if для определения значения == 'logout'. Аналогичная проблема, но без стройности: Событие щелчка при выборе элемента опции в Chrome