[Vuejs]-Tooltip does not update on button click (Vue JS)

by

1👍

✅

Bootstrap tooltip shows value from data-bs-original-title attribute. You need to change the this attribute on the element in order to update the tooltip text.

changeTooltip() {
      const updatedTooltip = 'New Tooltip Text';
      this.tooltipText = updatedTooltip;
      Array.from(document.querySelectorAll('.tooltip')).forEach(
        (tooltipNode) => {
          tooltipNode.setAttribute('data-bs-original-title', updatedTooltip);
        }
      );
    },
👤CodeThing

Leave a comment