Vue.js 如何在vuejs vuex中将参数从方法传递到操作

我必须使用以下代码创建文件：

Users.vue

methods: {
obtenerUsuarios() {
  console.log('Obtener Usuarios')
  this.$store
    .dispatch('auth/getValidToken')
    .then((data) => {
      console.log(data). // Console First Message
      this.$store
        .dispatch('user/fetchUsers', data)
        .then((response) => {
          this.items = response.data
        })
        .catch((error) => {
          console.log(error)
        })
    })
    .catch((error) => {
      console.log('Error: ' + error)
    })
},

},

Console Firsts Mesagge在Console中向我显示一个json web令牌，这是正常的。 当我将'user/fetchUsers'分派到

user.js

export const actions = {
    fetchUsers({ jwt }) {
    console.log('Action JWT:' + jwt)  //Second console.log
    return UserService.getUsers(jwt)
  },
}

第二个消息显示：控制台中的动作JWT:undefined

如果我把第二行改成

fetchUsers(jwt) {

第二个消息告诉我：动作JwT:[object object]

我需要将一个json web令牌从Users.vue方法传递到fetchUsers action y user.js

我将非常感谢任何帮助

---

Jose Rodriguez

您的操作方法当前在第一个参数（没有第二个参数）中声明数据，但接收Vuex上下文作为其第一个参数。数据有效负载位于第二个参数中：

const actions={
//fetchUsers（data）{}//不执行此操作（第一个参数用于上下文）
获取用户（上下文、数据）{}
}

您的操作方法当前在第一个参数（没有第二个参数）中声明数据，但接收Vuex上下文作为其第一个参数。数据有效负载位于第二个参数中：

const actions={
//fetchUsers（data）{}//不执行此操作（第一个参数用于上下文）
获取用户（上下文、数据）{}
}

如果执行

fetchUsers（jwt）{console.log（jwt）}

操作，jwt会显示什么？您好，jwt会显示{getters:{…}，state:{…}，rootGetters:{…}，dispatch:ƒ，commit:ƒ，}auth/getValidToken操作的代码是什么？getValidToken（）{const user=JSON.parse（localStorage.getItem（'user'））const time=user.created const now=new Date（），问题是如何将方法传递到操作如果您执行

fetchUsers（jwt）{console.log（jwt）}

，jwt会显示什么？您好，jwt会显示{getters:{…}，state:{…}，rootGetters:{…}，dispatch:ƒ，commit:ƒ，}auth/getValidToken操作的代码是什么？getValidToken（）{const user=JSON.parse（localStorage.getItem（'user'））const time=user.created const now=new Date（）.getTime（）var sec_diff=（now-time）/1000 const remainingTime=1800-sec_diff if（remainingTime>60）{//return jwt return user.jwt}return remainingTime//request jwt}，getValidToken返回一个有效的令牌，正如我所期望的，问题是如何从方法传递到操作