Question

在为cytoscape（cy）节点添加工具提示时获得“无法读取未定义的正确'popperRef'”。我正在使用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();
       }
   }
}

Answer 1

遵循文档：https://github.com/cytoscape/cytoscape.js-popper#usage-with-tippyjs

如果您在应用程序中制作东西时遇到麻烦，并且不习惯使用调试器，则应尝试通过简单的演示在应用程序外部重现问题，以使您更容易推理。

以下是学习如何使用浏览器调试器的材料：https://developers.google.com/web/tools/chrome-devtools/javascript/

在为cytoscape（cy）节点添加工具提示时，获取“无法读取未定义的正确'popperRef'”

1 个答案: