2018-8-24-vue的删除代码
其他
2018-09-15 12:04:17
阅读次数: 0
一、删除代码按钮
<el-button v-if="$route.meta.btns.deleteBtn" size="mini" type="danger" icon="el-icon-delete" @click="deleteData">删除
</el-button>
二、具体的删除函数
deleteData: function () {
const _self = this;
_self.$confirm("是否删除此信息", "提示", {
confirmButtonText: "确认",
cancelButtonText: "取消",
type: "warning"
}).then(() => {
const rows = this.getSelectRows();
if (rows.length !== 1) {
this.$error("请选择一行数据");
return;
}
let taskCode = rows[0].taskCode;
_self.$http.post(_self.deleteUrl,
{"taskCode": taskCode})
.then(function (response) {
if (response.success) {
_self.$success(response.msg);
_self.$refs.table.refresh();
} else {
_self.$error(response.msg);
}
}).catch(function (error) {
_self.$error(error.message);
})
}).catch(() => {
return false;
})
}
三、在return中声明
deleteUrl: "/loan/jobTaskAction.do?_md=deleteByTaskCode",
转载自blog.csdn.net/haodiaoer/article/details/82014984