javascript - Vue.js - 尝试将对象从 data() 传递到 Mounted() 函数

Question

我试图将网格数组传递给createGridChart，但是，这给了我一个错误:

“grid is not defined”.

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);
  (...)