Почему всплывающая подсказка не работает в цикле Vuejs? - PullRequest
0 голосов
/ 27 марта 2019

Есть загрузчик, который предоставляет всплывающую подсказку, поэтому в моем компоненте vue я имею цикл for, и в этом цикле подсказка не работает, тогда как вне цикла она работает хорошо. Почему так себя ведет? Вот мой код

const app = new Vue({
  el: '#app',
  mounted(){
    $(document).ready(function(){

    $(function () {
      $('[data-toggle="tooltip"]').tooltip({html: true})
    });
    });
  }
});

<div v-for="(note, index) in notes">
 //so here it doesn't work
 <a href="#" data-toggle="tooltip" title="asd">link</a>
</div>

// Out of loop it works
<a href="#" data-toggle="tooltip" title="asd">link</a>

1 Ответ

0 голосов
/ 27 марта 2019

Я разобрался, вот решение https://vuejs.org/v2/api/#updated

В свой компонент я добавил

    updated: function () {
      this.$nextTick(function () {
        $(function () {
          $('[data-toggle="tooltip"]').tooltip({html: true})
        });
      })
    },
...