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

Vuejs2 显示模式时禁用按钮工具提示,vuejs2,vue-component,quasar-framework,Vuejs2,Vue Component,Quasar Framework,我有一个按钮,它有一个工具提示(用于将鼠标悬停在描述上),单击该按钮时,会显示一个模式对话框。 我的问题是,关闭模式后,将显示工具提示 如果单击按钮,如何取消工具提示 编辑:实际发生的是,在模式关闭后,触发打开的按钮再次聚焦,然后触发工具提示打开。也许有一种方法,在模式、对话框等关闭时,不聚焦触发打开事件的元素 钮扣 <q-btn @click="showTagManagementModel = true"> <q-tooltip :delay="500">Ed

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

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

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

钮扣

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

编辑显示模式
模态


类星体模态组件提供“无重聚焦”vue属性

不要重新聚焦(模式关闭)之前有焦点的元素 打开(默认情况下,它尝试重新聚焦)

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

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