增加功能的实现

增加功能

1：组件的使用以及注意点：

1.1 el-dialog组件的使用

1.2 el-form表单的使用

1.2.1 添加完用户数据并且提交之后将表单数据进行清空，使用组件定义的resetFields方法进行清空处理

此时清空数据的时候需要注意为每一个el-form-item添加一个prop属性，才能达到清空的目的

1.2.2 对日期可能需要额外的处理

点击查看代码

const timeFormat = (time) => {
			var time = new Date(time);
			var year = time.getFullYear();
			var month = time.getMonth() + 1;
			var date = time.getDate();
			function add (m) {
				return m < 10 ? "0" + m : m;
			}
			return year + "-" + add(month) + "-" + add(date);
		};

1.3 使用el-date-picker组件来选择日期

2：功能处理

2.1 添加表单校验规则：:rules='[校验规则]'（前端）

2.2 必须在表单校验成功之后才能将数据提交到后台进行添加，使用form表单里面的validate方法