javascript - 页面created的时候触发action进行请求，发现vuex state中的状态确实发生了变化，但是页面需要刷新才能渲染列表？

Question

1. 为什么我的页面created的时候触发action进行请求数据，

created () {
    this.postEvent()
  },
  methods: {
    ...mapActions([
      'changeatteintionList'
    ]),
    postEvent () {
      this.message.bankId = this.collectItems.ologoinMessage.obj_bak2.bankId
      this.changeatteintionList(this.message) // 触发action
    }
    
    action中的代码：

import {ajaxPost} from '../../commonJS/hashParam.js'
import {roleSearchApi} from '../../api.js'
export default {
  changeatteintionList ({commit, state}, data) {
    console.log(data)
    // commit('changeatteintionList', data)
    ajaxPost(roleSearchApi, data, (response) => {
      if (response.data.status === 'success') {
        console.log(window.JSON.stringify(response.data.obj))
        commit('changeatteintionList', response.data.obj)
      }
    })
  }
}

mutations中的代码：

changeatteintionList (state, data) {
    sStorage(state, 'oatteintionList', data)
  },

但是发现vuex state 中对应状态发生了变化，但是需要刷新后，页面中的列表才能渲染成功？