鍍金池/ 問答/HTML5  PHP  C  HTML/ vuex action axios 問題

vuex action axios 問題

vuex中action怎么寫axios才能把mutations修改的state值傳到數據庫中在讀取出來顯示在view層

clipboard.png

clipboard.png

回答
編輯回答
故林

那就直接先吧修改后的值，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
2017年12月2日 15:15