Vue.js - 尝试将对象从data（）传递给已挂载的（）函数

Question

我正在尝试将网格数组传递给createGridChart，但是，这给了我一个错误：

  

“网格未定义”。

export default {
    data() {
      return {
        grid: [],
      }
    },
    mounted() {
      this.createGrid();
      this.createGridChart('grid-chart', 'pie', grid);
(...)

函数内部网格的正确方法是什么，以便我可以根据自己的喜好操作它？

Answer 1

您需要将grid更改为this.grid。

export default {
  data() {
    return {
      grid: [],
    }
  },
  mounted() {
    this.createGrid();
    this.createGridChart('grid-chart', 'pie', this.grid);
  (...)