Question

嗨，我有一个select元素，应该在其中的最后一个选项发起一个rest调用来注销用户

这是我到目前为止尝试过的

<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

上

Answer 1

您可以将其更改为选择元素上的onchange事件吗？然后添加一条if语句以检测value =='logout'。类似的问题，但没有苗条： Click event on select option element in chrome

将功能调用绑定到svelte

1 个答案: