vue.js - Buefy - 单击任意位置时关闭通知

Question

我想知道是否可以修改buefy 的通知系统，以便当我单击通知上的任何位置时它会自行关闭，而不仅仅是在生成的 x-cross 上closable: true。
我一直在寻找解决方案来改变 buefy 元素的默认行为，但我没有发现任何接近的东西（没有双关语）。任何帮助将不胜感激。

编辑：我想通过点击它来关闭通知，而不是在它之外。但我不知道如何将 onClick 行为作为一个整体附加到 buefy 元素。

Answer 1

实际上，您需要点击页面上的任意位置，然后：

isActive = !isActive

如何捕捉元素外点击的问题在这里得到解答： Detect click outside element 但要小心！首选答案在 Vue.js 2 中不起作用。您可以尝试使用此包：https ://github.com/MuTsunTsai/vue-on-clickout

Answer 2

您可以v-clickaway用来检测元素外的点击：

Vue-clickaway

然后将您的标志设置为true