Vue 的增删改查

最新推荐文章于 2024-04-07 22:18:49 发布

gjm00000

最新推荐文章于 2024-04-07 22:18:49 发布

阅读量505

点赞数

分类专栏：前端文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/gjm00000/article/details/125310612

版权

前端专栏收录该内容

9 篇文章 0 订阅

订阅专栏

Form表单中的增删改查

如果是按钮形式的那就新建一个vue文件Form显示表单，

增“add”：

this.$refs.Form.init("add","");

删除"del"：

先确定id然后在进行操作

 let ids =
        id ||
        this.$refs.studentKshTable
          .getCheckboxRecords()
          .map((item) => {
            return item.id;
          })
          .join(",");
      this.$confirm("确定删除所选项吗?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      })
        .then(() => {
          (this.loading = true),
            this.studentKshService.delete(ids).then(({ data }) => {
              this.$message.success(data),
                (this.loading = false),
                this.refreshList();
            });
        })
        .catch(() => {
          this.$message({
            type: "info",
            message: "已取消删除",
          });
        });
    },

修改：“edit”：

先确定id然后在进行操作

 id=
     id||
     this.$refs.studentKshTable.getCheckboxRecords().map((item)=>{
               return item.id
     })[0],
     this.$refs.studentKshForm.init("edit",id)
     
    },

查看：“view”：

this.$refs.studentKshForm.init("view", id);