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

时间:2018-06-25 17:16:37

标签: vuejs2 vue-component quasar-framework

我有一个带有工具提示的按钮(用于悬停描述),单击该按钮会显示一个模式对话框。 我的问题是,在关闭模态后,将显示工具提示。

如果单击按钮,如何取消工具提示?

编辑:实际上似乎正在发生的事情是,在关闭模态之后,再次触发触发打开的按钮,然后再次触发工具提示打开。在模式关闭,对话框等关闭时,也许有一种方法可以不集中触发打开事件的元素。

按钮

<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>

1 个答案:

答案 0 :(得分:0)

Quasar Modal组件提供了“不重新聚焦” vue属性。

  

请勿重新聚焦(在模式关闭时)之前已聚焦的元素   打开(默认情况下,它会尝试重新聚焦)

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