前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >vue+element 返回数组或json数据自定义某列显示的处理--两种方法

vue+element 返回数组或json数据自定义某列显示的处理--两种方法

原创
作者头像
GoodTime
发布2023-10-30 17:14:08
2060
发布2023-10-30 17:14:08
举报

本文是作者开发一个业务需求时,将返回数据列表的其中一个数据长度很长的字段处理成数组,并将其作为子表显示的过程,具体样式如下(数据做了马赛克处理)

返回的过长字段数据处理(用分号分隔的一个长字段):

代码语言:javascript
复制
this.list = this.currentRow.failMessage.split(';')

法一:

利用插槽获取值

法二:利用js数组map方法 “自己封装prop”

代码语言:javascript
复制
// 数据处理
this.list.map((item: string) => {
    this.gvUploadFailList.push({errorName:item})
})

大功告成!

以上就是vue+element 返回数组或json数据自定义某列显示的处理--两种方法的介绍,做此记录,如有帮助,欢迎点赞关注收藏!

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 以上就是vue+element 返回数组或json数据自定义某列显示的处理--两种方法的介绍,做此记录,如有帮助,欢迎点赞关注收藏!
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档