javascript - 使用 VueX Store 中的计算属性进行 Ajax 调用的正确方法是什么

Question

如何使用调用参数之一作为 VueX 中的计算状态进行 ajax 调用。例如，如果我制作 this.$axios.get('someUrl/' + accID)，其中 accID 是 VueX 的计算属性(通过 MapState)。有时 id 返回 'undefined'，我怀疑这是由于 axios 在从商店填充 id 数据之前发出 get 请求

我已经尝试在 Vue 组件的 'accID' 上使用 watch() 来等待 accID 解析但无济于事

//部分代码

 computed: {
    ...mapState(['user']),
  },

 async fetchData() {


        const [foodData, option] = await Promise.all([
          this.$axios({
            url: `food/${this.user.accID}`,
            method: 'get',
          }),
          this.$axios({
            url: 'options',
            method: 'get',
          })
        ])

  //foodData returns undefined because user.accID is undefined (sometimes)

期待

这个.$axios({网址:'食物/12345'，方法:'得到'})

代替

这个.$axios({网址:'食物/未定义'，方法:'得到'})

Answer 1

在url中将${user.accID}更改为${this.user.accID}:

url: `food/${this.user.accID}`,