d2-crud-plus 使用小技巧（三）—— 新增（编辑）后不关闭弹窗，可以继续新增（编辑），在关闭弹窗时不提示

本文描述了如何在使用D2-CRUD-Plus框架中，后台维护人员如何设置使用户在添加或编辑用户后弹窗不关闭，数据不刷新，以便继续添加数据。方法包括利用官方API控制弹窗行为和调整formOptions中的saveRemind选项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

需求

在使用d2-crud-plus框架中，后台维护人员觉得添加用户时添加成功后就关闭，但是有好多数据是不需要修改的，希望添加界面可以在添加成功后不关闭数据不刷新，可以继续添加数据。

解决思路

一、新增（编辑）后不关闭弹窗，可以继续新增（编辑）
官方api

http://d2-crud-plus.docmirror.cn/d2-crud-plus/guide/event.html#row-add

在这里插入图片描述
二、关闭弹窗时不提示
官方api

http://d2-crud-plus.docmirror.cn/d2-crud-plus/guide/options.html#crudoptions

在这里插入图片描述

效果

在这里插入图片描述
关闭时不显示下方图片中内容

代码

新增（编辑）后不关闭弹窗，可以继续新增（编辑）
index.vue

<script>
import { crudOptions } from './crud'
import { d2CrudPlus } from 'd2-crud-plus'
export default {
	...
	methods: {
		// 新增后不关闭弹窗
	    handleRowAdd(row, done) {
	      this.addRequest(row).then(res => {
	        if (res.code === 2000) {
	          this.doRefresh()
	          this.$message.success(res.msg)
	        }
	      })
	    },
	    handleRowEdit ({ index, row }, done) {
	    	... 
	    	// 编辑同理
	    },
	}
	...
}
</script>

在关闭弹窗时不提示
crud.js

export const crudOptions = (vm) => {
	return {
		...
		formOptions: {
	      saveRemind: false
	    },
	    ...
	}
}