天天看点

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中发送数据

微信

本文版权归作者所有,欢迎转载,未经作者同意须保留此段声明,在文章页面明显位置给出原文连接

如果文中有什么错误,欢迎指出。以免更多的人被误导。