Axios无法将数据加载到vue

我正在尝试使用vue和axios加载cytoscape图。无论如何不能配置cytoscape，所以我首先尝试与axios和vue只。范围仍然存在问题，但我不知道在哪里？我应该改变什么？如何正确设置vue和axios。Axios无法将数据加载到vue

编辑

所以设置this.nodes后，我想提请在cytoscape.js一个grapg，但我总是得到错误：

-The样式属性text-outline-color:无效

- 不要将映射分配给没有相应数据的元素（例如ele 6b899f09-359e-424d-9461-d71c8c3fcd3b对于属性text-outline-color与数据字段faveColor）;尝试[faveColor]选择限制范围与faveColor元素定义

-Uncaught类型错误：空

不能设置属性“映射”我相信这是阵列的问题，但我无法弄清楚如何设置阵列正确，这可以工作。

这里是代码：

draw: function(){ 

    this.cy = cytoscape({ 
      container: document.getElementById('cy'), 
       layout: { 
       name: this.main_layout, 
       padding: 10 
       }, 
       style: cytoscape.stylesheet() 
       .selector('node') 
        .css({ 
        'shape': 'data(faveShape)', 
        'width': 'mapData(weight, 40, 80, 20, 60)', 
        'content': 'data(name)', 
        'text-valign': 'center', 
        'text-outline-width': 2, 
        'text-outline-color': 'data(faveColor)', 
        'background-color': 'data(faveColor)', 
        'color': '#fff' 
        }) 
       .selector(':selected') 
        .css({ 
        'border-width': 3, 
        'border-color': '#333' 
        }) 
       .selector('edge') 
        .css({ 
        'curve-style': 'bezier', 
        'opacity': 0.666, 
        'width': 'mapData(strength, 70, 100, 2, 6)', 
        'target-arrow-shape': 'triangle', 
        'source-arrow-shape': 'circle', 
        'line-color': 'data(faveColor)', 
        'source-arrow-color': 'data(faveColor)', 
        'target-arrow-color': 'data(faveColor)' 
        }) 
       .selector('edge.questionable') 
        .css({ 
        'line-style': 'dotted', 
        'target-arrow-shape': 'diamond' 
        }) 
       .selector('.faded') 
        .css({ 
        'opacity': 0.25, 
        'text-opacity': 0 
        }), 
       elements: { 
       nodes: this.nodes 

       }, 

       ready: function(){ 
       window.cy = this; 
       } 
      });

来源

2017-09-01 Tim

我假定response.data为数组或ANS vm.projekt与null没有VUE-吸气registred对象。所以，请试着做

Vue.set(vm, 'projekt', response.data)也有在每VUE实例（本）

代替

vm.projekt = response.data

一般而言，$组我劝你推Ajax的DATAS成反应式阵列，这工作得很好。

来源

2017-09-02 07:14:55 Reiner

如果我这样做，在控制台中我仍然得到空。怎么了？这里是jsbin [link] https://jsbin.com/piwusuyici/edit?js我正在使用npm。 – Tim

jsbin不起作用。你试图得到的网址可能是错误的。你没有一个范围问题。 – Reiner

这只是代码。但为什么我仍然在console.log（this.projekt）中变为空？ – Tim

Axios无法将数据加载到vue

回答

相关问题