vuex action axios 问题

Question

vuex中action怎么写axios才能把mutations修改的state值传到数据库中在读取出来显示在view层

Answer 1

那就直接先吧修改后的值，post到后台存到数据库，然后后台把数据库里的数据再全部返给你，你commit一个mutilations,再修改state，页面就自动更新了呀。举个修改列表数据的例子

import axios from 'axios';
const listData = {
  state:{
    list:null
  },
  mutations:{
    CHANGE_LIST(state,payload){
      state.list = payload
    }
  },
  actions:{
    changeListAction({commit}){
      axios.post("你后端的接口",{key:val}).then(res=>{
        if(res.data.result){
          commit("CHANGE_LIST",res.data.data)
        }
      })
    }

  }
};
export default listData

修改数据的时候，在组件中：

this.$store.dispatch('changeListAction');

你在组件中取数据的时候：

const listData = this.$store.state.resource.list