vuex中action得到的数据传到state中

vuex中action得到的数据传到state中

import { YXJpost } from '@/request/request'

const goodItem = {
  namespaced: true,
  state: { // 用来存放多组件之间的共享状态
    state: {
      item: {}
    }
  },
  actions: { // 异步state
    async getDetail (context, goodsId) {
      await YXJpost.post(`/app/goods/v2/goodsDetail?${goodsId}`).then(res => {
        console.log(res.data.data)
        var value = res.data.data
        context.commit('detail', value)
      })
    }
  },
  mutations: {
    detail (state, value) {
      console.log(state.item)
      console.log(value)
    }
  }
}

export default goodItem

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vuex ,如果开启了命名空间,那么在读取和操作 state 时需要注意一些变化。 读取 state: 如果开启了命名空间,那么在读取 state 时,需要使用 `mapState` 辅助函数来将 state 映射到组件的计算属性。同时,在 `mapState` 函数需要传递命名空间的名称。 例如,假设有一个名为 `moduleA` 的命名空间,其有一个名为 `count` 的 state,那么可以通过以下方式来将 `count` 映射到组件的计算属性: ```javascript import { mapState } from 'vuex' export default { computed: { ...mapState('moduleA', { count: state => state.count }) } } ``` 在上面的代码,使用了 `mapState` 辅助函数将 `moduleA` 命名空间下的 `count` 映射到了组件的计算属性,这样就可以通过 `this.count` 来访问该 state 了。 操作 state: 如果需要操作 state,那么需要使用 `dispatch` 和 `commit` 方法,并在调用时传入命名空间的名称。 例如,假设有一个名为 `moduleA` 的命名空间,其有一个名为 `increment` 的 mutation,那么可以通过以下方式来触发该 mutation: ```javascript // dispatch this.$store.dispatch('moduleA/increment') // commit this.$store.commit('moduleA/increment') ``` 在上面的代码,在调用 `dispatch` 和 `commit` 方法时,需要在命名空间名称前加上模块的名称和一个斜杠 `/`,即 `moduleA/`,这样就可以正确地触发该 mutation 了。 需要注意的是,在使用 `dispatch` 和 `commit` 方法时,如果要传递参数,那么需要将命名空间的名称放在第一个参数的位置,例如: ```javascript this.$store.dispatch('moduleA/incrementAsync', { amount: 10 }) ``` 在上面的代码,调用了 `moduleA` 命名空间下的名为 `incrementAsync` 的 action,并传递了一个名为 `amount` 的参数。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值