在vue项目中使用d3,为什么这个data是undefined呢?

前端框架用的vue,想用d3.js画一个树状图,该怎样在d3.json方法中用到本页的this.data数据(如下图),我目前是根据官网的例子引入外部的json文件,但是打印了了一下data是undefined(如下第二张图)

clipboard.png

clipboard.png

错误提示:

clipboard.png

阅读 4k
2 个回答

传值不是这样传的,改成这样:

export default {
  data() {
    return {
      data: {
        // 省略
      }
    };
  },
  created() {
    d3.json('....', error => {
      console.log(this.data);
    });
  }
};
新手上路,请多包涵

你这跟vue没啥关系吧,主要是想从json文件中读取数据,先console.dir(error)看看吧。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进