vuex mounted中取不到mapState的值

Question

`<template>
  <div class="home">
    vuex action
    <div>点击获取数据</div>
    <ul>
      <li v-for="(item, index) of voteData" :key="index">
        {{ item.title }}
      </li>
    </ul>
  </div>
</template>

<script>
import { mapState } from 'vuex'
const mapStateObj = mapState(['voteData'])
export default {
  name: 'Home',
  data () {
    return {
      a: []
    }
  },
  create () {
  },
  computed: {
    ...mapStateObj
  },
  mounted () {
    this.$store.dispatch('getVoteData')
    console.log(this.voteData)
    this.a = this.voteData
    console.log(this.a)
  },
  methods: {

  }
}
</script>
`

Answer 1

给你举个例子

actions: {
    getVoteData: ({ commit }, payload) => {
      return new Promise(resolve => {
        api.get(...).then(res => {
            commit("...", res);
            resolve(res)
        })
      });
    }
  }

mounted 里面

mounted(){
    this.$store.dispatch('getVoteData').then(res => {
        这里就可以获取你想要的了
    })
}

学废了吗

Answer 2

加了settimeout 好像能取到 但是时间不好控制··有其他办法吗