vue问题一：触发接口

//在script中先引用
import api from './../../api/index'
//vue文件方法中 写
del(index, row) {
let self=this;
// 传的值放para中。
let para = {
Rulesid: row.id
}
//单击后弹出框，单击确定执行.then,单击取消执行.catch
this.$confirm('确定删除吗？', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
// 确定后调用接口位置。
//api是引用的index.js页面，找到index.js页面的delrules接口
//触发后传para中的值，成功之后返回的信息放在res中
api.delrules(para).then((res) => {
this.$message({
message: res.msg,
type: 'success'
});
//成功之后重新调用显示表格接口，相当于刷新页面
this.getSystemList();
//接口调用失败时，触发.catch
}).catch(function () {
self.$message.error('网络异常,请重试');
})
//单击取消按钮执行此步
}).catch(() => {
this.$message({
type: 'info',
message: '已取消删除'
});
})
},

Vue文件

//index.js文件
 // 删除制度
      delrules(information){
//所传的值都放在information中
        var params = new URLSearchParams();
        params.append('Rulesid', information.Rulesid);
        return     axios.post('/api/CanteenAdmin/CanteenManagement/DeleteRules',params)
 .then(function (response) {
//成功之后返回信息都在response中
        return response;
      })
//失败之后
.catch(function (){
        alert("请求接口失败，请重试！");
      })
  },

index.js文件

 

转载于:https://www.cnblogs.com/M-miao/p/9838656.html