nuxt.js - 单击外部元素时如何隐藏元素？

Question

当我在输入框外单击时，我试图隐藏一个按钮。单击输入框时，我可以使用 v-show 和 v-on:click 来显示按钮。我安装了 v-click-outside 但似乎无法弄清楚！任何帮助表示赞赏。

标签： nuxt.js

Answer 1

点击输入会有一个焦点，所以你可以@blur在输入上使用事件来达到与点击外部相同的结果，甚至不需要使用外部库。

您也可以使用@focus而不是@click输入来显示按钮。取决于你的需要。