vuex中修改返回的数据

今天在做项目时，需要将得到的数据中的订单类型进行，因为后端返回的数据中orderType（订单类型）=0或者1，我需要将0转变为堂食1转变为外卖再渲染到表格中。
由于oederType：0或1 同时是我需要传的参数，如果在得到数据时用if（）{}判断，我怕之后我传参数的时候会出现问题。所以这里采用了getters的方法，具体代码如下。


------在store中用getters
const getters={getPostInsData(state) {// console.log(state.postInsData)state.postInsData.forEach(item => {let myOrderType = {}if(item.orderType===0) {// console.log(item.orderType)myOrderType = {value: 0,label: '堂食'}} else if(item.orderType===1) {myOrderType = {value: 1,label: '外卖'}}item.orderType = myOrderType});// console.log(state.postInsData)return state.postInsData},
}

再将数组引入到vue中，并将表格字段名改为如下

<el-table-column prop="orderType.label" label="订单类型"></el-table-column>

vuex中修改返回的数据相关推荐

java 控制器返回 json_SpringMVC中controller返回json数据的方法
java 控制器返回 json_SpringMVC中controller返回json数据的方法 1.方法一: 使用springmvc原生注解@ResponseBody @ResponseBody @ ...
Aop做拦截器获取请求头数据修改请求数据拦截返回值修改返回值数据
AOP 拦截器拦截请求头修改请求参数请求数据拦截本页面按住 ctrl 和 F 搜索 @Before("doPointcut()") 返回值数据拦截本页面按住 ctrl ...
swiper轮播在vue中动态绑定返回的数据图片显示不完整
因为swiper是异步请求的,可能在没有返回数据的时候就已经请求了,这时候我们可以让swiper在有数据的时候在显示转载于:https://www.cnblogs.com/yangjiansong/ ...
ANDROID中ACTIVITY间的数据传递
效果:有两个Activity分别为A和B,从A中采用Bundle封装数据向B中传递数据,然后使用startActivityForResult在B中修改后回传数据. 第一个Activity的layout ...
Magento中如何在模块中使用多张数据表并配置多个model？
功能介绍: 引用magento开发人员的一句话: Magento has basic one resource to one table resource. 也即是一个资源对应一张数据表. 当有时候, ...
深入了解Struts2返回JSON数据的原理及具体应用范例
来源:http://yshjava.iteye.com/blog/1333104 早在我刚学Struts2之初的时候,就想写一篇文章来阐述Struts2如何返回JSON数据的原理和具体应用了,但苦于一 ...
java调用远程接口_java通过url调用远程接口返回json数据
java通过url调用远程接口返回json数据,有用户名和密码验证, 转自 https://blog.csdn.net/wanglong1990421/article/details/78815856 ...
matlab中读入sav,matlab数据读取与存入详解
matlab数据读取与存入详解在编写一个程序时,经常需要从外部读入数据,或者将程序运行的结果保存为文件.MATLAB使用多种格式打开和保存数据.本章将要介绍 MATLAB中文件的读写和数据的导入导出 ...
vue3中修改vuex中state中的数据
vue3中修改vuex中state中的数据 1.直接通过store.state修改如 : //vuex文件 import { createStore } from 'vuex' export def ...

vuex中修改返回的数据

vuex中修改返回的数据相关推荐

最新文章

热门文章

vuex中 修改返回的数据

vuex中 修改返回的数据相关推荐

最新文章

热门文章

vuex中修改返回的数据

vuex中修改返回的数据相关推荐