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 })
    }

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

1 个答案: