В настоящее время я использую Vue / Nuxt.js и пытаюсь инициировать всплывающую подсказку Bootstrap с помощью сценария Java.Я знаю, что его можно инициализировать с помощью jquery, но мне нужно, чтобы он был инициализирован с использованием javascript.
Вот мой код для всплывающей подсказки:
<span class="badge badge-pill badge-primary position-absolute property-tooltip d-none d-md-block py-1 rounded-circle" data-toggle="tooltip" data-placement="right" v-bind:title="content.tooltipText" id="property-tooltip">?</span>
В моем макете Nuxt.Js у меня естьсмонтированная функция, в которой я пытаюсь инициализировать всплывающую подсказку.
Вот мой код для макета:
mounted: function() {
// find an element initialized with Tooltip
let myLinkWithTooltip = document.querySelector(".property-tooltip");
// reference the initialization object
myLinkWithTooltip.tooltip;
}
Я пытался использовать querySelector, getElementById и getElementByClass, но ни одинпохоже, что они инициализируют всплывающую подсказку.
ОБНОВЛЕНИЕ:
У меня первая часть работает, поэтому селектор запросов находит элемент, но ему все еще нужнобыть инициализированным.