在 vue.js 中使用带有 url 常量的变量

Question

我正在尝试让我的 vue 应用程序发挥作用

我制作了constants.js文件，在其中我只是声明了一些我打算回收的URL，而不是每次都重写它们，但其中一些需要东西的ID

#Example of constant definined in constants.js
export const useVariables = `https://myapiserver.com/iNeedVar1Here/${var1}/iNeedVar2here/${var2}`

现在我想在我的 vue 应用程序中使用这个常量，并在发送实际请求之前将变量传递到需要的地方

getItem() {
            let var2 = this.formValues.item2;
            let var1 = this.formValues.item1;
            if (item != null) {
                axios.get(useVariables)
                    .then((res) => {
                        console.log(res.data)
                    })
                    .catch(err => console.log(err));
            }
            else {
                alert('Select an item before preceding')
            }

Answer 1

你的常量是静态的，它不像计算属性或任何东西，它只是一个普通的字符串，所以它不起作用。相反，您可以创建一个函数来构建并返回 URL，如下所示：

export const useVariables = (var1, var2) => `https://myapiserver.com/iNeedVar1Here/${var1}/iNeedVar2here/${var2}`

然后你可以像这样构建常量：

getItem() {
  let var2 = this.formValues.item2;
  let var1 = this.formValues.item1;
  if (item != null) {
    axios.get(useVariables(var1, var2))
      .then((res) => {
        console.log(res.data)
      })
      .catch(err => console.log(err));
  } else {
    alert('Select an item before preceding')
  }
}