美文网首页
uni-app修改后端给到的数据对象,将内部封装好的组件使用

uni-app修改后端给到的数据对象,将内部封装好的组件使用

作者: 佑安丶 | 来源:发表于2022-04-05 11:05 被阅读0次

有时候后端给到的数据对象不是组件内部封装好的属性名,那么就可以通过这个办法把拿到的数据去转换一下,组件就可以显示出来啦

从后端拿过来的JSON对象数据,某些字段并不是前端想要的,需要对一些字段名进行重命名。通过正则的方法进行过滤修改。

JSON.parse(JSON.stringify(data).replace(/name/g, 'new_name')) //data为数组,name为修改前,new_name为修改后 JSON.parse(JSON.stringify(data).replace(/name1/g, 'new_name1').replace(/name2/g, 'new_name2').replace(/name3/g, 'new_name3')...)

1)JSON.stringify()把json对象转成json字符串;

2)使用正则的replace()方法替换属性名;

3)JSON.parse()把json字符串又转成json对象。

修改多个属性:当要修改多个属性名时,多次调用replace方法,可以链式调用。

// 修改返回数据的属性名

this.workTypeList = res.data

this.workTypeList = res.data.map((item) => {

return {

index: item.yj_id,

yj_name: item.yj_name,

};

});

相关文章

  • vue笔记-14(组件-私有组件和组件的数据与方法)

    私有组件和组件的数据与方法 定义实例内部私有组件只能被某个vm实例使用的组件通过vue对象的components指...

  • 1.uni-app的相关介绍使用

    uni-app的基本使用 基础部分: +环境搭建 +页面外观配置 +数据绑定 +uni-app的生命周期 +组件的...

  • (五)响应式数据对象 - reactive

    本章将介绍到的是使用reactive来创建组件实例中的响应式数据对象。 1、概述:函数,创建一个响应式数据对象,响...

  • vue组件之间的通讯

    使用props传递数据,组件内部 //...

  • uniapp 基础

    uni-app的基本使用 课程介绍: 基础部分: 环境搭建 页面外观配置 数据绑定 uni-app的生命周期 组件...

  • uni入门文档

    uni-app的基本使用 课程介绍: 基础部分: 环境搭建 页面外观配置 数据绑定 uni-app的生命周期 组件...

  • UNIAPP入门教程

    uni-app的基本使用 课程介绍: 基础部分: 环境搭建 页面外观配置 数据绑定 uni-app的生命周期 组件...

  • uni-app基础知识

    uni-app的基本使用 课程介绍: 基础部分: 环境搭建 页面外观配置 数据绑定 uni-app的生命周期 组件...

  • uniapp基础知识

    uni-app的基本使用 课程介绍: 基础部分: 环境搭建 页面外观配置 数据绑定 uni-app的生命周期 组件...

  • uni-app简介

    环境搭建 页面外观配置 数据绑定 uni-app的生命周期 组件的使用 条件注释跨端兼容 uni-app的事件 导...

网友评论

      本文标题:uni-app修改后端给到的数据对象,将内部封装好的组件使用

      本文链接:https://www.haomeiwen.com/subject/aeutjrtx.html