前端排坑手记

一、vue中的forEach循环无法用return终止循环

问题图片

解决方法

1、改写为for循环

2、用异常抛出

try { 
	// 执行到if，结束循环
	this.data.planlist.forEach(item=>{
		if (item.status==0 && item.trial2Status == '2') {
			this.$message({
			type: "error",
			message: "还有待修改的教案!",
			});
			throw new Error("End");
		}
	});
} catch(e) {
	if(e.message!="End") throw e;
};

二、el-table data数据格式错误TypeError: this.$el.querySelectorAll is not a functio TypeError: i.reduce is not a functio

问题图片

解决方法

//将原集合改为数组格式
test{}, => test[],

三、element日期选择控件少一天

问题描述

VUE选择时间传入到后台服务器自动少一天

<el-date-picker
	v-model="weekform.endTime"
	type="date"
	placeholder="选择日期">
</el-date-picker>

解决方案

加入value-format="yyyy-MM-dd"即可解决

//加入value-format="yyyy-MM-dd"解决
<el-date-picker
	v-model="weekform.endTime"
	type="date"
	placeholder="选择日期"
	value-format="yyyy-MM-dd">
</el-date-picker>