svelte or sveltekit 在vscode 使用了ESLint插件的情况下 解决A11y 波浪线的问题

默认情况下是使用

<!-- svelte-ignore a11y-click-events-have-key-events -->

官网做出的解释就是

Enforce on:click 至少伴随以下一项： onKeyUp , onKeyDown , onKeyPress 。键盘编码对于不能使用鼠标的身体残疾用户、AT 兼容性和屏幕阅读器用户很重要。

正常情况下，页面会有多个提示，导致很多的波浪线，是因为装了eslint插件，

看下图照着操作

下面是完整的屏蔽代码

"svelte.plugin.svelte.compilerWarnings": {
        "a11y-click-events-have-key-events":  "ignore",
        "a11y-aria-attributes": "ignore",
        "a11y-incorrect-aria-attribute-type": "ignore",
        "a11y-unknown-aria-attribute": "ignore",
        "a11y-hidden": "ignore",
        "a11y-misplaced-role": "ignore",
        "a11y-unknown-role": "ignore",
        "a11y-no-abstract-role": "ignore",
        "a11y-no-redundant-roles": "ignore",
        "a11y-role-has-required-aria-props": "ignore",
        "a11y-accesskey": "ignore",
        "a11y-autofocus": "ignore",
        "a11y-misplaced-scope": "ignore",
        "a11y-positive-tabindex": "ignore",
        "a11y-invalid-attribute": "ignore",
        "a11y-missing-attribute": "ignore",
        "a11y-img-redundant-alt": "ignore",
        "a11y-label-has-associated-control": "ignore",
        "a11y-media-has-caption": "ignore",
        "a11y-distracting-elements": "ignore",
        "a11y-structure": "ignore",
        "a11y-mouse-events-have-key-events": "ignore",
        "a11y-missing-content": "ignore",
    },

添加进去，保存就OK了

如果没有效果，可以尝试重启一下vscode