格式化时间与ElementTree注意点

前言

开发Vue项目遇到的问题与技巧。

格式化时间

之前处理日期会判断是否大于10，否则在前面加上0进行拼接，有了ES6对字符串进行扩展，提供了便捷；只需要转化成字符串，就能快捷格式化时间；不能写很多判断。

思路：

• 把当前时间转化成字符串

• 使用字符串padStart方法，自动添加0进行补齐。

例如：

export default{
	methods: {
		initDate(day) {
			let timeDate,Y,M,D,h,m,s;
			timeDate = new Date();
			timeDate.setDate(timeDate.getDate() + day);
			Y = timeDate.getFullYear();
			M = (timeDate.getMonth() + 1).toString().padStart(2, '0');
			D = timeDate.getDate().toString().padStart(2, '0');
			h = timeDate.getHours().toString().padStart(2, '0');
			m = timeDate.getMinutes().toString().padStart(2, '0');
			s = timeDate.getSeconds().toString().padStart(2, '0');
			return `${Y}-${M}-${D} ${h}:${m}:${s}`;
		}
	}
}

ElementTree

如下图：

问题：

前端根据后端API开发数据交互，点击树形节点，会展示当前树形下的子节点。由于树形支持自定义icon，就使用icon-class自定义icon，但是点击同一级icon永远显示第一个子节点数据。

解决办法：

使用 pointer-events:none 结合 cursor: default。

pointer-events:none 表示不能使用鼠标事件点击。

cursor: default 表示鼠标没有小手状态。