如何在方法中使用 Vuex 状态数据

Question

使用以下代码

<template>
  <div :id="svgId" class="svg-container"></div>
</template>
<script>
import { mapState } from 'vuex'

export default {
  name: 'Space',

  data: function() {
    return {
      svgId: 'space',
      svgContainer: null
    }
  },

  computed: mapState({
    notes: state => state.notes
  }),

  mounted: function() {
    this.generateSpace()
  },
  methods: {
    generateSpace: function() {
      this.$svg('space')
        .rect(100, 100)
        .attr({ fill: '#f06' })
    }
  }
}
</script>

我目前只画一个粉红色的正方形，但我想做的是在方法生成空间中使用来自商店的数据，但我不确定如何访问它，例如这样的东西；

 this.$svg('space')
        .rect(notes.height, notes.width)
        .attr({ fill: notes.color })
    }

感谢任何提示。

Answer 1

我认为只需将this 添加到notes 就足够了。

 this.$svg('space')
        .rect(this.notes.height, this.notes.width)
        .attr({ fill: this.notes.color })
    }