fix: some directive tooltips not working

Akryum · Jan 20, 2022 · d3c3b3d · d3c3b3d
1 parent 3b86637
commit d3c3b3d
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/packages/floating-vue/src/directives/v-tooltip.ts b/packages/floating-vue/src/directives/v-tooltip.ts
@@ -40,12 +40,14 @@ export function getOptions (el, value, modifiers) {
 }
 
 interface Directive {
+ id: number
  options: Ref<any>
  shown: Ref<boolean>
 }
 
 let directiveApp: App
 let directives: Ref<Directive[]>
+let uid = 0
 
 function ensureDirectiveApp () {
  if (directiveApp) return
@@ -64,6 +66,7 @@ function ensureDirectiveApp () {
  return h(TooltipDirective, {
  ...directive.options,
  shown: directive.shown.value || directive.options.shown,
+ key: directive.id,
  })
  })
  },
@@ -83,6 +86,7 @@ export function createTooltip (el, value, modifiers) {
  const shown = ref(false)
 
  const item = {
+ id: uid++,
  options,
  shown,
  }