Получение «не могу прочитать правильный popperRef из undefined» при добавлении всплывающей подсказки для узлов cytoscape (cy) - PullRequest
0 голосов
/ 19 июня 2019

Получение "не может прочитать правильный 'popperRef' из неопределенного" при добавлении всплывающей подсказки для узлов cytoscape (cy). Я использую Vue.js и Cytoscape.js. Не

mounted() {    
  cytoscape.use(popper)
  this.addTooltip()
}
methods : { 
addTooltip() {
  let makeTippy = function (nodeTemp, node) {
        return tippy( node.popperRef(), {
          content: function(){
            var div = document.createElement('div');
            div.innerHTML = text;
            return div;
          },
          trigger: 'manual',
          arrow: true,
          placement: 'bottom',
          hideOnClick: false,
          interactive: true
        } ).tooltips[0]
      }

       var nodes = this.cy.nodes();
       for (var i = 0; i < nodes.length; i++) {
           var tippy = makeTippy(nodes[i]);
           tippy.show();
       }
   }
}

1 Ответ

0 голосов
/ 27 июня 2019

Следуйте документации: https://github.com/cytoscape/cytoscape.js-popper#usage-with-tippyjs

Если у вас возникли проблемы с созданием вещей в вашем приложении, и вы не знакомы с использованием отладчика, то вам следует попытаться воспроизвести свою проблему вне приложения впростая демонстрация, о которой вам легче рассуждать.

Вот материалы для изучения того, как использовать отладчик браузера: https://developers.google.com/web/tools/chrome-devtools/javascript/

...