Я путаю с топором ios в отдельном служебном файле

Question

Я сейчас учусь vue. js, и я хочу использовать API из моего бэкэнда (используя spring).

Это мой сервис. js

import axios from "axios";

class LowonganKerjaService {
    retrieveAllLoker() {
        return axios.get('http://localhost:8081/api/listLoker');
    }

    deleteLoker(idLowongan){
        return axios.delete('http://localhost:8081/api/${idLowongan}');
    }
}

export default new LowonganKerjaService();

это мой компонент

<template>
  <div class="container">
    <h3>All Courses</h3>
    <div v-if="message" class="alert alert-success">
      {{message}}
    </div>
    <div class="container">
      <table class="table">
        <thead>
          <tr>
            <th>Id</th>
            <th>Description</th>
          </tr>
        </thead>
        <tbody>
          <tr v-for="loker in loker" v-bind:key="loker.idLowongan">
            <td>{{loker.idLowongan}}</td>
            <td>{{loker.deskripsi}}</td>
            <td>
              <button class="btn btn-warning" v-on:click="deleteLokerClicked(loker.idLowongan)">
                Hapus
              </button>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
</template>

<script>
import LowonganKerjaService from '../../service/LowonganKerjaService';
export default {
    name : "LokerList",
    data() {
        return{
            loker : []
        };
    },

    methods:{
        refreshLoker(){
            LowonganKerjaService.retrieveAllLoker()
            .then(response => {
                this.loker = response.data;
            });
        },
        deleteLokerClicked(idLowongan){
          LowonganKerjaService.deleteLoker(idLowongan).then(()=> {
            this.message = 'Loker dengan ${idLowongan} berhasil dihapus';
            this.refreshLoker();
          });
        }

    },
    created(){
        this.refreshLoker();
    }
};
</script>

<style>
</style>

, и я получил эту ошибку

Не удалось скомпилировать.

. / Src / service / LowonganKerjaService. js Ошибка модуля (из ./node_modules/eslint-loader/index.js):

D: \ Kuliah \ TERM 6 \ Propensi \ Implementasi \ frontend-sixacti \ src \ service \ LowonganKerjaService. js 10:17 Ошибка 'idLowongan' определена, но никогда не использовала no-unused-vars

Problem 1 проблема (1 ошибка, 0 предупреждений)

О, и у меня тоже есть ошибка, когда я использую $ {} в этих службах. Почему из-за этой ошибки мой idLowongan никогда не используется? потому что я ошибаюсь в своих синтаксах или что?

Пожалуйста, кто-нибудь, помогите мне объяснить причину

Спасибо

** извините за мой плохой язык

Answer 1

Судя по внешнему виду вашего кода, создается впечатление, что вы используете одиночную кавычку ('), а не обратную черту (`), когда пытаетесь использовать литерал шаблона JS. Вы можете увидеть пример этого в документации MSDN . Поскольку в вашем примере это строка, а не шаблонный литерал, переменная в аргументе функции никогда не используется.

Попробуйте изменить код в методе удаления вашего сервиса следующим образом:

return axios.delete(`http://localhost:8081/api/${idLowongan}`)