gpt4 book ai didi

javascript - VueJs 2.0 - 当按空格键时添加/激活 CSS 类

转载 作者:行者123 更新时间:2023-12-02 23:03:59 25 4
gpt4 key购买 nike

一个初学者问题,不确定vuejs是否可以做到这一点。

如果你按空格键,我想添加一个 css 类。在本例中显示 div

在这段代码中我尝试了一些东西,但没有成功

  <div @keyup.space:class="show" tabindex="0" >test</div>

https://jsfiddle.net/j7zoa2du/

最佳答案

以下示例仅在 div(或您想要添加 @keyup 的任何其他元素)具有焦点时才有效。如果您想全局触发事件,值得查看此包: https://www.npmjs.com/package/vue-global-events

将包添加到项目后,您可以将其添加到模板部分:

<GlobalEvents @keyup.space="activeClass=!activeClass"/>

切换事件类或将其设置为 true。

关于javascript - VueJs 2.0 - 当按空格键时添加/激活 CSS 类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57670898/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com