首页 > 解决方案 > 如何清除 Plugin svelte: A11y: on:blur error/warning?

问题描述

<select>如果我设置这样的控件,那么在苗条中:

<select bind:value={selected} on:change="{() => changeTheme()}">

更改事件正确触发并且值已绑定,但我在 vscode 中收到警告:

(!) Plugin svelte: A11y: on:blur must be used instead of on:change, unless absolutely necessary and it causes no negative consequences for keyboard only or screen reader users.

如果我将绑定更改on:blur为所描述的,则该事件仅在您进行选择后单击页面中的其他位置时才有效(导致选择控件失去焦点)。on:click有点工作,但很烦人。

on:change似乎正确 - 我如何清除此警告?

标签: visual-studio-codesvelte

解决方案


您需要做的就是在您的选择元素所在的行上方添加注释。

<!-- svelte-ignore a11y-no-onchange -->

您将需要重新加载窗口以清除错误。https://svelte.dev/docs#Comments如果您好奇如何在 VS 代码中禁用警告,它会在警告之后告诉您警告的名称,括号中的内容在后面svelte-ignore

在此处输入图像描述


推荐阅读