实现我的发布页面中删除功能

DAPlatform-front/src/components/PublishTask.vue

@@ -8,7 +8,7 @@
             <div>发布者：{{item.creator}}&emsp;&emsp;发布时间：{{item.date|formatDate}}&emsp;&emsp;任务状态：已发布
             </div>
             <el-button class="task-enter-btn2" type="primary" plain @click="revise">修改</el-button>
-            <el-button class="task-enter-btn1" @click="deleteRow(index, tasks)" type="primary" plain>删除</el-button>
+            <el-button class="task-enter-btn1" @click="deleteRow(index, item.id)" type="primary" plain>删除</el-button>
           </div>
         </div>
         <navigator v-model="tasks" :condition="condition"></navigator>
@@ -35,13 +35,28 @@ export default {
     }
   },
   methods: {
-    deleteRow (index, rows) { // 删除改行
+    deleteRow (index, taskId) {
+      var self = this
       this.$confirm('确定要删除吗？', '提示', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
         type: 'warning'
       }).then(() => {
-        rows.splice(index, 1)
+        self.axios.get('/task/deleteTask', {
+          params: {
+            taskId
+          }
+        }).then(res => {
+          console.log(res)
+          self.tasks.splice(index, 1)
+          self.$message({
+            message: '删除成功',
+            type: 'success'
+          })
+        }).catch(err => {
+          console.log(err)
+          self.$message.error('删除失败，未知错误')
+        })
       })
     },
     revise () {