Menggunakan pembolehubah dengan pemalar url dalam vue.js

Question

Saya cuba memastikan apl vue saya berfungsi

Saya membuat fail constants.js di mana saya baru sahaja mengisytiharkan beberapa URL yang saya ingin kitar semula dan bukannya menulis semula setiap kali, tetapi sesetengah daripadanya memerlukan ID perkara

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

Sekarang saya mahu menggunakan pemalar ini dalam aplikasi vue saya dan lulus pembolehubah di mana diperlukan sebelum menghantar permintaan sebenar

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

Pemalar anda adalah statik, ia bukan seperti 计算harta benda atau apa-apa, ia hanya rentetan biasa, jadi ia tidak berfungsi. Sebaliknya, anda boleh mencipta fungsi yang membina dan mengembalikan URL seperti ini:

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

Kemudian anda boleh membina pemalar seperti ini:

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')
  }
}