vuejs2 - 显示模式时禁用按钮工具提示

Question

我有一个按钮，它有一个工具提示（用于悬停描述目的），单击该按钮时会显示一个模式对话框。我的问题是，关闭模式后，会显示工具提示。

如果单击按钮，如何取消工具提示？

编辑：实际上似乎发生的是，在模式关闭后，触发打开的按钮再次聚焦，然后触发工具提示打开。也许有一种方法，在关闭模式、对话框等时，不关注触发打开事件的元素。

按钮

<q-btn @click="showTagManagementModel = true">
     <q-tooltip :delay="500">Edit display mode</q-tooltip>
</q-btn>

模态

<q-modal v-model="showTagManagementModel">
      <q-btn @click="showTagManagementModel = false" label="Close" />
</q-modal>

Answer 1

Quasar Modal 组件提供了一个“no-refocus”的 vue 属性。

不要重新聚焦（在模态关闭时）在打开之前具有焦点的元素（默认情况下它会尝试重新聚焦）

通过在 q-modal 上设置此属性，触发打开的按钮将不会重新聚焦，然后触发工具提示显示。