在 vue.js 中使用带有 url 常量的变量
P粉547170972
P粉547170972 2024-02-21 12:48:01
0
1
612

我正在尝试让我的 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')
            }

P粉547170972
P粉547170972

全部回复(1)
P粉903052556

你的常量是静态的,它不像计算属性或任何东西,它只是一个普通的字符串,所以它不起作用。相反,您可以创建一个函数来构建并返回 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')
  }
}
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板