鍍金池/ 問(wèn)答/網(wǎng)絡(luò)安全  HTML/ 在vue項(xiàng)目中使用d3，為什么這個(gè)data是undefined呢？

在vue項(xiàng)目中使用d3，為什么這個(gè)data是undefined呢？

前端框架用的vue，想用d3.js畫(huà)一個(gè)樹(shù)狀圖，該怎樣在d3.json方法中用到本頁(yè)的this.data數(shù)據(jù)（如下圖），我目前是根據(jù)官網(wǎng)的例子引入外部的json文件，但是打印了了一下data是undefined（如下第二張圖）

clipboard.png

clipboard.png

錯(cuò)誤提示：

clipboard.png

回答
編輯回答
疚幼

傳值不是這樣傳的，改成這樣：

export default {
  data() {
    return {
      data: {
        // 省略
      }
    };
  },
  created() {
    d3.json('....', error => {
      console.log(this.data);
    });
  }
};
2017年5月22日 01:07
編輯回答
有點(diǎn)壞

你這跟vue沒(méi)啥關(guān)系吧，主要是想從json文件中讀取數(shù)據(jù)，先console.dir(error)看看吧。

2017年4月22日 04:00