重置表单写法

最新推荐文章于 2023-03-09 17:07:54 发布

原创最新推荐文章于 2023-03-09 17:07:54 发布 · 323 阅读

0 ·

CC 4.0 BY-SA版权

vue 专栏收录该内容

16 篇文章

订阅专栏

如果是新建页

 cancel(formName) {
       this.$confirm(
        "此操作将清空此次编辑的信息，恢复页面初始信息，是否继续？",
        "提示",
        {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        }
      )
        .then(() => {
          this.$refs[formName].resetFields();
          this.$message({
            type: "success",
            message: "重置成功!"
          });
        })
        .catch(() => {
          this.$message({
            type: "info",
            message: "已取消重置"
          });
        });
    },

如果是编辑页，重新加载初始数据，不要清空数据

 cancel(formName) {
        this.$confirm(
        "此操作将清空此次编辑的信息，恢复页面初始信息，是否继续？",
        "提示",
        {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        }
      )
        .then(() => {
          this.getDate()
          this.$message({
            type: "success",
            message: "重置成功!"
          });
        })
        .catch(() => {
          this.$message({
            type: "info",
            message: "已取消重置"
          });
        });
    }