vuex中 修改返回的数据

最新推荐文章于 2023-02-28 15:03:46 发布
最新推荐文章于 2023-02-28 15:03:46 发布
阅读量915 收藏
点赞数 1
文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46099563/article/details/105281318
版权

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


------在store中用getters
const getters={
   
  getPostInsData(state) {
   
    // console.log(state.postInsData)
    state.postInsData.forEach
最低0.47元/天 解锁文章
zicox
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
改变vue请求过来的数据中的某一项值的方法(详解)
11-29
由于 JavaScript 的限制， Vue 不能检测以下变动的数组： 当你利用索引直接设置一个项时，例如：vm.items[indexOfItem] = newValue 当你修改数组的长度时，例如：vm.items.length = newLength 在 <template> <div> <ul> <li xss=removed v-text='`${item} - ${index} `'></li> </ul> <button @click="change3">改变数组第2个值,改成0</button> <button
vue替换后台数据字段的值
wang_zhiwei0728的博客
10-11 1766
一：后台给的数据中经常会给反一个值，0-4这样的数字。 我们需要替换成一个状态，如成功失败进行中这样的字。 auditStatus: 2 //需要替换成汉字的字段 createTime: "2021-09-07" id: 9849 name: "airport_999" propName: "机场" source: "某数据集" typeName: "机场" ① 获取到后台接口数据以后先用map遍历一下整条数据，然后自定义一个数组，把后台给的值对应设置文字就可以了。单条数据就可以免除map了..
vue修改后台返回数组中key值
PEACEMINUSON的博客
12-30 302
vue修改后台返回数组中key值。
改变vue请求过来的数据中的某一项值的方法
咖喱鸡块的博客
03-31 4618
由于 JavaScript 的限制， Vue 不能检测以下变动的数组： 当你利用索引直接设置一个项时，例如：vm.items[indexOfItem] = newValue 当你修改数组的长度时，例如：vm.items.length = newLength 在 改变数组第2个值,改成0 改变数组第2个值,改
Vue中根据后端返回的某个字段，改变数据结构
卷发头的鲁智深的博客
06-01 1324
vue中数据结构转换，根据后端返回字段改变数据结构，前端改变数据结构 3.转换完成的数据结构:
Vue.js中使用Vuex实现组件数据共享案例
10-15
本篇文章将深入讲解如何在Vue.js中使用Vuex来实现组件之间的数据共享。 首先，安装Vuex。在Vue CLI 3创建项目时，你可以选择预装Vuex，或者在已有的项目中手动安装。手动安装的命令是`npm install vuex --save`。...
Vuex实现数据增加和删除功能
12-13
除了直接修改`state`，我们还可以使用`getters`来过滤或处理`state`的数据，以便在组件中获取特定格式或条件的数据： ```javascript // vuex/index.js const getters = { newBookList: state => state.bookList....
VUE:vuex 用户登录信息的数据写入与获取方式
10-16
在Vue.js应用中，Vuex是一个集中管理状态的库，它允许我们在多个组件之间共享和同步数据。在处理用户登录信息时，Vuex提供了一种有效的方法来存储和访问这些信息。下面我们将深入探讨如何使用Vuex来实现用户登录状态...
vue中vuex模板
05-02
例如，你可以创建一个`totalItems` getter，它返回`state`中某个数组的长度。 5. **mutation-types**: `mutation-types.js`文件通常用于定义常量字符串，这些字符串代表`mutations`的类型。这是为了提高代码的...
vuex中的store
01-03
8. **HMR（热模块替换）**：Vuex 支持 Hot Module Replacement，在开发过程中，我们修改了 Store 中的状态或模块，浏览器会自动刷新，而不会丢失当前状态，提高了开发效率。 9. **生命周期和组件通信**：在 Vue ...
Vue学习5----Vue点击事件，方法，获取数据，改变数据，事件对象及自定义属性
翟浩浩Android专栏
04-01 6879
效果图： 源码（复制即可运行） App.vue <!--06Vue点击事件，方法，获取数据，改变数据，事件对象及自定义属性--> <template> <!--渲染--> <div id="app"> <div>{{this.msg}}</div> <button v-on:click="ime...
vue map 修改后台返回的指定值
周家大小姐
12-31 1603
map则可以改变当前循环的值，返回一个新的被改变过值之后的数组（map需return），一般用来处理需要修改某一个数组的值。 ...item,第一个参数做为初始值,...{}第二个参数为要修改的值,最后会和...item合并,如果第一个参数中没有这个值,会做为新参数追加进去,如果有则会修改并返回 queryList(params).then(res => { t...
Vuex请求访问，组件获取返回值
wyh_115的博客
04-01 774
组件里获取Vuex里state存的值为空 在Vuex的actions方法用Axios请求访问接口时，返回的数据需要在组件里获取，但是会出现为空的情况。那是因为在组件里面的正确逻辑是先派发方法，获取到数据后再赋值调用，所以应该用异步的方法。如下是完整代码：（大致功能是删除一天数据，接口返回成功或失败的提示，根据系统返回的提示，弹出提示框） store文件里： import Axios from "axios"; const state={ //更改列表受影响时返回的信息 BaoXainShouY
Vuex状态管理接口返回数据
qq_43145310的博客
04-22 480
store下面的index.js state: { param1: true, }, mutations: { function1(state,val){ state.params1 = val } }, actions: { function1(context) { context.commit('function1') } } 某Vue文件 axios({ method: 'GET', url:`........`, params:{}, }).then(({
vue 组件化时 return data 时，如何更新data中的数组或对象；Object.assign 使用方法，及扩展运算符 ...使用方法
我是左小皓
10-01 4508
通常vue中的data初始赋值方式为 var vm = new Vue({ el:"#app", data:{ a:1, b:[{ c:6, d:7 }] } }) 当需要更新b的值时，需要先拷贝一个复本出来 很简单， mounted:function()...
vue 改造后端传过来的数据
weixin_45191052的博客
11-14 1667
最近做项目的时候遇到一个问题，就是ant design vue组件引用穿梭框的时候，穿梭框组件需要有key,而后端传过来的数据没有key这个字段 我之前看ant design vue官网中有这样的解决方案 按照 Vue 最新的规范，所有的组件数组最好绑定 key。在 Transfer 中，dataSource里的数据值需要指定 key 值。对于 dataSource 默认将每列数据的 key ...
2021-06-02
weixin_56419152的博客
06-02 242
Vue3 基础介绍为什么要学习 vue 3已支持 vue3 的UI组件库Vue3带来的新变化破坏性语法更新Vue3开发环境搭建组合式APIsetup入口函数响应式系统APIreactive函数ref 函数toRefs 函数computedwatch 侦听器生命周期函数父子通信provide 和 inject传递响应式数据模板中 ref 的使用 为什么要学习 vue 3 Vue 是目前国内开发最火的前端框架之一 vue3.0 正式版已发布七个月左右，社区生态已经逐步完善 部分技术选型激进的公司已经在生产环境
发现vue中写的return后面的变量不起作用
qq_33911541的博客
02-28 332
发现vue中写的return后面的变量不起作用
坑：vuex中的mutations不能使用return获取数据
GreyCastle的博客
10-10 1881
import * as type from '../testMuation_type' const testData={ state:{ pInfo:[{testName:"测试人员",testAge:20}], title:"测试标题", decs:"测试描述" }, mutations:{ [type.GET_TEST]:(state)=>{ //console.log(state..
vuex 中存放什么
最新发布
02-29
在Vuex中，存放着应用程序的状态(state)。...总结起来，Vuex中存放着应用程序的状态(state)，并提供了一套机制来修改状态(mutations/actions)和获取状态(getters)。通过这些机制，可以实现状态的集中管理和跨组件共享。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值