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

蔚落 2023-10-10 14:00 10阅读 0赞

效果截图：

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5Zyo5aWL5paX55qE5aSn6YGT_size_20_color_FFFFFF_t_70_g_se_x_16][]

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

[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5Zyo5aWL5paX55qE5aSn6YGT_size_20_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/44d700eef9464aaa971e7a6b7468092c.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5Zyo5aWL5paX55qE5aSn6YGT,size_20,color_FFFFFF,t_70,g_se,x_16

发表评论取消回复

表情：

评论列表（有 0 条评论，10人围观）

还没有评论，来说两句吧...

相关阅读

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

效果截图： ![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5Zyo5aWL5paX55qE5aSn6YGT_s

蔚落/ 2023年10月10日 14:00/ 0 赞/ 11 阅读

相关 element 订单列表中实现多个倒计时(vue+js)

实现场景：订单列表中多个倒计时（vue） <template> <div class=""> <div v-for="(item,inde

心已赠人/ 2022年12月24日 00:36/ 0 赞/ 250 阅读

相关 mysql函数之 concat()多个字段拼接

mysql函数之多个字段拼接 1. concat() 2. concat\_ws函数 3.group\_concat Mysql的查询结果行字段拼接，

淡淡的烟草味﹌/ 2022年12月05日 10:17/ 0 赞/ 436 阅读

相关 vue element upload 上传多个文件

element-ui upload组件多文件上传之前有一篇写的如何同时传递form表单及upload组件文件，如果有多个upload文件该如何传递呢

亦凉/ 2022年11月09日 12:44/ 0 赞/ 145 阅读

相关 Mysql 拼接多个字段作为查询条件查询方法

最近工作中需要把多个字段拼接作为查询条件查询，特此记录便于日后查阅。 <select id="listByProgramCodeList" resultType="c

骑猪看日落/ 2022年09月01日 09:12/ 0 赞/ 296 阅读

相关 element datepicker 多个值控制时间范围

应用场景： datepicker的时间需要通过三个不同的属性来限制， 1.满足当前时间在rd返回的一个时间数组范围之内，可以为两端数据。 2.rd返回的这个数组中的每一个

Myth丶恋晨/ 2022年02月16日 11:17/ 0 赞/ 183 阅读

相关【数据库】------- sql concat函数实现单个表或多个表进行多个字段值拼接代码

> //之间不加空格的:concat(ES.NOTICE_ID,ES.DEPT_ID) > select PUB.BILL_ID AS COUNT,ES.DEP

￡神魔★判官ぃ/ 2022年02月03日 23:45/ 0 赞/ 284 阅读

相关 SQL之多个字段拼接

第一种仅做多个字段拼接 select bid || ocpc_level_desc || pay_mode_desc AS fem_bid from fe

待我称王封你为后i/ 2022年01月19日 01:13/ 1 赞/ 1298 阅读

相关 vue select传多个值，传多个值的方法

el-select遍历方法，在el-select中有个@change，如@change=“pickRoleName” <el-select

Love The Way You Lie/ 2021年12月16日 11:41/ 0 赞/ 657 阅读

相关 Oracle 给查询字段拼接固定值

前言有时需要在取出的字段中添加固定的值。例如：在月份后面添加“月” 在数量后面添加“个” etc 这是我们需要Oracle 中 ||

今天药忘吃喽~/ 2021年09月14日 15:16/ 0 赞/ 701 阅读