天天看點

vuex中action中發送資料

state: {
    actionData: "",
},

mutations: {
    actioncomAPi: (state, data) => {
      state.actionData = data; //指派
    },
}

 //異步
actions: {
    actionDataApi(context) {
      axios.get("http://127.0.0.1:667/account").then((res) => {
        context.commit("actioncomAPi", res); //通過commit來設定值
        console.log("在action中設定值", res);
      });
    },
  },
           

調用頁面

created() {
        this.MyCHufa();
    },

methods:{
       MyCHufa() {
            this.$store.dispatch('actionDataApi');//觸發action中的方法
            console.log(this.$store.state.actionData)
        }
}
      

           

作者:明月人倚樓

出處:https://www.cnblogs.com/IwishIcould/

想問問題,打賞了卑微的部落客,求求你備注一下的扣扣或者微信;這樣我好聯系你;(っ•̀ω•́)っ✎⁾⁾!

如果覺得這篇文章對你有小小的幫助的話,記得在右下角點個“推薦”哦,或者關注部落客,在此感謝!

萬水千山總是情,打賞5毛買辣條行不行,是以如果你心情還比較高興,也是可以掃碼打賞部落客(っ•̀ω•́)っ✎⁾⁾!

vuex中action中發送資料

支付寶

vuex中action中發送資料

微信

本文版權歸作者所有,歡迎轉載,未經作者同意須保留此段聲明,在文章頁面明顯位置給出原文連接配接

如果文中有什麼錯誤,歡迎指出。以免更多的人被誤導。