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
解决方案
您可以将其更改为 select 元素上的 onchange 事件吗?然后添加一个if语句来检测value=='logout'。类似的问题,但没有苗条: 在 chrome 中选择选项元素上的单击事件
推荐阅读
- html - Mozilla firefox 使用“@media screen and (-webkit-min-device-pixel-ratio:0)”
- firebase - React Native Phone Oauth:App ID 与请求的项目不匹配
- ios - 反应本机 DatePickerIOS 禁用分钟或仅显示小时
- python - 遍历 pandas 中的行并在同一行的另一个单元格中插入值
- string - WHERE 子句中带有 % 的 Redshift LIKE 列值
- html - html2pdf 下载pdf
- php - php shell_exec can run command but not sh file
- flutter - 如何只从 InheritedWidget 调用方法一次?
- php - isset 给出白页的问题
- node.js - 如何在 node.js 服务器上安装 SSL