Express 职位公告不会删除,持续获取id为;“未定义”;

Express 职位公告不会删除,持续获取id为;“未定义”;,express,vue.js,vuejs2,sequelize.js,vue-component,Express,Vue.js,Vuejs2,Sequelize.js,Vue Component,我的小应用程序有问题。我目前有一个工作页面,我可以发布和获得工作 在前端,我有一个按钮可以按Delete,但当我这样做时,它总是给我这个错误-Delete FROM'jobs',其中'id'='undefined' 目前,正在使用的技术包括MySQL、sequelize、node.js、express和vue.js 职位公告 清楚的 添加作业 删除 从“@/components/jobs/AddJob”导入AddJob 从“../../services/JobService”导入JobSe

我的小应用程序有问题。我目前有一个工作页面,我可以发布和获得工作

在前端,我有一个按钮可以按
Delete
,但当我这样做时,它总是给我这个错误-
Delete FROM'jobs',其中'id'='undefined'

目前,正在使用的技术包括MySQL、sequelize、node.js、express和vue.js


职位公告
清楚的
添加作业
删除
从“@/components/jobs/AddJob”导入AddJob
从“../../services/JobService”导入JobService
从“axios”导入axios
导出默认值{
组成部分:{
AddJob
},
数据(){
返回{
字段:[
{Key:'ID',label:'Job ID',sortable:false},
{key:'job_title',label:'job title',sortable:true},
{key:'job_name',label:'Company name',sortable:true},
{key:'job_location',label:'location',sortable:true},
{key:'job_postingURL',label:'job posting link',sortable:false},
{key:'job_postingOn',label:'Posted on',sortable:true,tdClass:'text right'},
{key:'job_postingBy',label:'Posted by',sortable:true},
{key:'Remove',sortable:true}
],
筛选器:null,
工作:[
{  
ID:“”,
职位名称:'',
作业名称:“”,
作业位置:“”,
作业\u postingURL:“”,
作业发布:'',
作业发布人:“”
},
],
}
},
//这种方法是从数据库中获取数据
异步创建(){
试一试{
this.jobs=等待JobService.getJobs();
}捕捉(错误){
this.error=err.message;
}
},
方法:{
删除作业(ID){
axios.delete(`http://localhost:5000/api/jobs/${this.ID}`)
。然后((res)=>{
this.ID=“”
this.job_title=“”
this.job_name=“”
this.job_location=“”
this.job_postingURL=''
this.job_postingOn=''
this.job_postingBy=''
console.log(res)
})
.catch((错误)=>{
console.log(错误)
})
}
}
}

由于您有类似于数据对象属性的
作业
,因此无法将
作业
用作
插槽范围
值,请尝试类似于
的操作,在这种情况下
对象包含一些类似于
的属性,这些属性包含有关此行中显示的当前项的数据,因此您应该执行以下操作:

<template slot="Remove" slot-scope="row">
    <b-btn variant="danger" @click="deleteJob(row.item.ID)"> Delete </b-btn>
</template>
<template slot="Remove" slot-scope="row">
    <b-btn variant="danger" @click="deleteJob(row.item.ID)"> Delete </b-btn>
</template>
deleteJob (ID) {
    axios.delete('http://localhost:5000/api/jobs/'+ID)
      .then((res) => {...