deleteStudent(stumess){ //更新: this.$set(this.数组名, 要修改的信息的索引, 即将要修改成的对象); console.log(stumess.$index)//索引号 console.log(stumess.row) //展示到对话框 //发送ajax1请求:后端更新,更新成功后,关闭对话框,前端更新 console.log(stumess.row.stuno) this.stuno = stumess.row.stuno; console.log(stumess.$index) var url = `http://localhost:8080/javaWebMaven_war_exploded//deleteStudentByNo.action?stuno=${this.stuno}`; console.log("请求url = "+url) // Axios.get(url).then(response1=>{ //后端删除成功了 //遍历tableData找你删除的那个学生 //找到以后删除 // }). //catch(error=>{ // console.log(error) //}) this.tableData.forEach((item,i)=>{ if(item.stuno == this.stuno){ console.log("我找到了"); //this.数组名.splice(要删除的索引号, 1); this.tableData.splice(i,1); } }) //跳转页面 this.$router.push({ path: '/404' }) },
时间: 2024-02-10 11:18:13 浏览: 115
这段代码是关于删除学生信息的,其中使用了Vue框架和Axios库。在这段代码中,首先获取要删除的学生信息的索引号和展示在对话框上的信息。然后发送一个名为`deleteStudentByNo`的请求,请求的URL包含了要删除的学生的学号。如果后端删除成功,则在前端遍历`tableData`数组,找到要删除的学生并将其从数组中删除。最后跳转到`/404`页面。
相关问题
deleteOrder(index){ this.$api.deleteOrder({ id:this.Order[index].id }).then(res=>{ if(res.status_code==1){ this.getOrder(); }else { this.$message.error(res.msg) } }).catch(e => { console.log(e) }) },
这段代码是在Vue.js框架中定义的一个方法,用于删除订单。具体来说,当用户点击删除按钮时,会调用这个方法并传入一个参数index,表示要删除的订单在Order数组中的索引位置。
在方法中,首先调用了一个API接口(假设是通过Vue插件或者axios库发送HTTP请求),将要删除的订单的ID作为参数传入。然后,根据接口返回的状态码判断是否删除成功,如果成功则重新获取订单列表并更新界面,否则弹出一个错误提示信息。
需要注意的是,这段代码中的this指向Vue实例对象,即当前组件。Order数组可能是由父组件传递的props,也可能是在当前组件内部定义的data属性。
methods: { handleSizeChange(val) { this.$set(this.query_dict, 'page_size_from_ui', val); this.getData(); }, handleCurrentChange(val) { this.$set(this.query_dict, 'current_page_from_ui', val); this.getData(); this.$delete(this.query_dict, 'current_page_from_ui'); } }, 如何确保this.$delete(this.query_dict, 'current_page_from_ui')在this.getData()执行完成后再执行 (回调函数的方法无效)
你可以使用 async/await 来确保 this.getData() 执行完成后再执行 this.$delete(this.query_dict, 'current_page_from_ui'),具体的做法如下:
```
methods: {
async handleSizeChange(val) {
this.$set(this.query_dict, 'page_size_from_ui', val);
await this.getData();
this.$delete(this.query_dict, 'current_page_from_ui');
},
async handleCurrentChange(val) {
this.$set(this.query_dict, 'current_page_from_ui', val);
await this.getData();
this.$delete(this.query_dict, 'current_page_from_ui');
}
},
```
这样修改后,this.$delete(this.query_dict, 'current_page_from_ui') 将会在 this.getData() 执行完成后再执行。
阅读全文