VUE +Element 实现多个字段值拼接

Posted 2022-04-17 在奋斗的大道

效果截图：

VUE 核心功能代码片段：

//获取公共通知列表
			getUsers() 
				let para = 
					page: this.page,
					title: this.filters.title
				;
				this.listLoading = true;
				//NProgress.start();
				getNoticeListPage(para).then((res) => 
					this.total = res.data.total;
					let str = ''
					for(let i =0; i < res.data.notices.length; i++) 
						str = res.data.notices[i].startDt + '~' + res.data.notices[i].endDt;
						res.data.notices[i].timeRang = str
					
					this.notices = res.data.notices;
					this.listLoading = false;
					//NProgress.done();
				);
			,

总结：定义常量str, 遍历后台返回数据，常量str 的赋值表达式是：

str = res.data.notices[i].startDt + '~' + res.data.notices[i].endDt;

再向res.data.notices 数组对象中设置新的属性值，并赋值：

res.data.notices[i].timeRang = str