问奇怪的行为:显示vue-multiselect选项面板会导致按钮不可点击。

EN

代码框：https://codesandbox.io/s/vue-template-33327

复制步骤

1. 单击vue-multiselect以显示选项面板。
2. 选择几个选项
3. 单击“不可单击提交”按钮
4. 观察奇怪的行为

正如我们所看到的，“不可点击提交”按钮是不可点击的。只有当vue-multiselect失去焦点(在选项面板消失后)时，才可单击。

有人可能会说，“选项”面板的出现导致按钮“不可点击”，然而，“可点击提交”按钮仍然是“可点击的”，尽管选项面板仍然存在。

其他人可能会这样说，因为“不可点击提交”按钮离开了原来的位置，导致单击事件处理程序无法工作。这事儿可以理解。但是，我还创建了一个“增加高度”按钮，这会导致div增加其高度，以模拟按钮的变化位置。在这种情况下，“不可点击提交”是Clickable..strange！

另一件奇怪的事情是@mousedown事件在“不可点击提交”按钮中工作。然而，在这种情况下，表单没有提交。

那种奇怪的行为让我大吃一惊。我不知道是什么原因导致了这些行为。任何人都知道发生了什么，请帮帮忙！因为到头来，我需要使‘不可点击提交’按钮可点击。

更新1

另一个问题是，为什么@mousedown事件可以工作，而@click事件没有工作呢？

更新2

阻止按钮移动修复问题，然而，它是否有可能使按钮仍然可点击，尽管它离开了原来的位置？

​

​