2018-8-24-vue的删除代码

一、删除代码按钮

<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",