vue-tippy: Unable to generate the tooltips components dynamically

Starting from my simple tooltip example where a tooltip component is cloned as many times as needed, I tried modifying the underlying data in order to generate a dynamic amount of elements (and therefore tooltips components), however it seems vue-tippy stops transforming those components in tooltips.

I first tried a simple synchronous version, however while I added the async version, it broke and I can’t find a way to display the tooltips anymore. Whoops! 😏

Then I created an asynchronous version where the tasks can either be added synchronously or asynchronously, in order to test if the tooltip components are correctly created.

As you can see, the tooltip components are correctly created, but directly displayed instead of being hidden.

Would you know if that’s a bug and how to fix it?

About this issue

  • Original URL
  • State: closed
  • Created 6 years ago
  • Comments: 24 (10 by maintainers)

Most upvoted comments

they don’t have the same id

image

I shortened the ids (removed the date from id, plz find a better way, duplicate keys may occurred)

but the problem still exists, because they don’t have the same loop.

fixed by adding Vue.nextTick, please update to v2.0.9

image

image

i suggest to rewrite and merge paymentSchedule, operations and operationIcons

I’m good, thanks for your time and awesome component 😃

remove the id prop from the component

image

image