vuex中action中发送数据

简介: 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)
        }
}


相关文章
|
1月前
|
JavaScript
vue中watch监听路由传来的参数变化问题
vue中watch监听路由传来的参数变化问题
21 0
|
1月前
|
JavaScript
vue组件通信及eventBus销毁、侦听处理
vue组件通信及eventBus销毁、侦听处理
51 0
|
1月前
v-model绑定vuex的state怎么实现?
v-model绑定vuex的state怎么实现?
|
1月前
|
JavaScript
Vue中子组件单个双向绑定发送事件使用input,多个使用 update:变量名;父组件接收时,v-model 接收单个,.sync 接收多个(vue3中使用v-model:name的写法)
Vue中子组件单个双向绑定发送事件使用input,多个使用 update:变量名;父组件接收时,v-model 接收单个,.sync 接收多个(vue3中使用v-model:name的写法)
|
8月前
|
JavaScript Shell
eventBus和$route.push.query同时用解决eventBus持久化问题,和跨组件引起的路由传参监听不到没变化的问题
eventBus和$route.push.query同时用解决eventBus持久化问题,和跨组件引起的路由传参监听不到没变化的问题
17 0
|
9月前
|
JavaScript 测试技术 调度
使用 Ngrx ActionSubject 监听 Dispatched NgRx Actions
使用 Ngrx ActionSubject 监听 Dispatched NgRx Actions
|
10月前
uni-app 事件传值 | this.$emit、uni.$emit 区分
uni-app 事件传值 | this.$emit、uni.$emit 区分
287 0
|
JavaScript
props/$emit、v-model、.sync的适用场景 -- vue组件通信系列
props/$emit、v-model、.sync的适用场景 -- vue组件通信系列
102 0
|
JavaScript 容器
vue自定义接收父组件传输的值(不使用props )$attrs
vue自定义接收父组件传输的值(不使用props )$attrs
98 0
vue自定义接收父组件传输的值(不使用props  )$attrs
|
前端开发
ES6 - Axios 全局设置取消请求及中断 Promise 调用链
ES6 - Axios 全局设置取消请求及中断 Promise 调用链
276 0