Buefy - 点击任意位置关闭通知答案

【问题标题】：Buefy - Close notification on click anywhereBuefy - 点击任意位置关闭通知
【发布时间】：2020-02-02 13:18:40
【问题描述】：

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

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

【问题讨论】：

标签： vue.js bulma buefy

【解决方案1】：

其实你需要在页面的任意位置捕捉点击然后：

isActive = !isActive

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

【讨论】：

很高兴你提到了我创建的包；但是，如果只需要检测“单击任意位置”事件，则实际上应该在文档本身上添加一个事件处理程序，而不是在同一元素上同时添加“单击”和“单击退出”事件并在其中执行相同的任务.

【解决方案2】：

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

Vue-clickaway

然后将你的标志设置为 true

【讨论】：