javascript - 无法将参数传递给 Vue 中的导入函数

Question

我无法理解为什么当我尝试将对象传递给导入函数 getUserAlert 时，该对象的参数之一 (user_id) 显示为即使我已将值传递给参数，函数本身也未定义。下面是代码:

在alerts.vue

中

<script>
import { getUserAlert } from '@/lib/alerts.js'
import { mapGetters }  from 'vuex'

export default {

  data: function() {
    return {
      alerts: null
    };
  },
  computed: {
    ...mapGetters("authentication",['token']),
    ...mapGetters("user",['profile']),
    displayAlerts() {
      console.log(this.profile.user_id) //The value of id appears at this point
      console.log(this.token) //The value of token appears
      return getUserAlert({
        profile: this.profile.user_id, 
        token: this.token
      }).then(response => (this.alerts = response.data))
    },
    anAlert() {
      return "ALERT"
    }
  }
};
</script>

在alerts.js

中

export let getUserAlert = ({ user_id, token }) => {
  console.log(user_id) //Shown as undefined
  console.log(token) //The value of token appears 
}

如果我现在将 alert.js 文件更改为:

export let getUserAlert = ({ user_id=123, token }) => {
  console.log(user_id) //Shows 123
  console.log(token) //The value of token appears 
}

为什么我需要将 user_id 值传递给函数本身内的 getUserAlert 函数，而不是 token？谢谢。

Answer 1

似乎在 getUserAlert 中错误的属性已被解构。您需要的是个人资料。

尝试如下:

export let getUserAlert = ({ profile, token }) => {
  console.log(profile);
  console.log(token);
};

或作为user_id传递:

getUserAlert({
   user_id: this.profile.user_id, 
   token: this.token
});

希望有帮助!