vue的若依,this.$modal.confirm后向后端发送请求没有调用
时间: 2023-08-14 15:16:00 浏览: 984
在vue中使用回调函数,this调用无效的解决
若依是一个基于Spring Boot和Vue.js的开源权限管理系统,其中使用了Element组件库来实现模态框(Modal)的功能。
在使用`this.$modal.confirm`方法时,需要注意该方法返回一个Promise对象,因此你可以在确认按钮的点击事件中调用后端接口,并在接口返回后进行相应的处理。具体代码如下:
```javascript
this.$modal.confirm('确定要删除吗?')
.then(() => {
// 确认按钮的点击事件
this.$http.delete('/api/deleteData')
.then((resp) => {
// 接口返回成功处理逻辑
console.log(resp)
})
.catch((error) => {
// 接口返回失败处理逻辑
console.error(error)
})
})
.catch(() => {
// 取消按钮的点击事件
console.log('取消删除')
})
```
在上面的代码中,我们使用`this.$http`调用了一个后端接口`/api/deleteData`,并在接口返回后进行了相应的处理。如果接口返回成功,则输出接口返回的数据;如果接口返回失败,则输出错误信息。如果用户点击了取消按钮,则输出相应的提示信息。
需要注意的是,你需要在Vue组件中引入`axios`或其他HTTP请求库,并在组件中进行相应的配置,才能够正常调用后端接口。另外,你还需要根据你的具体业务需求修改接口的路径和参数。
阅读全文