- 40
- 0
在actions的方法有个接口请求。返回的数据格式可能需要前端处理,比如返回{name:2232}
但是我需要处理成:[{name:2232}]
从vuex请求数据到数据处理,再到应用到组件里。
这之间的处理过程的方式是怎么做的?
是在then回调里面处理[{name:2232}]完了后,在commit使用mutations的方法设置属性吗?那么组件里怎么把vuex里处理完的[{name:2232}]拿来用啊?
不是很懂,,谁可以详细说下?
- 共 0 条
- 全部回答
-
笑的歇斯里底ヘ 普通会员 1楼
在Vuex中,actions主要用于管理组件的状态和异步操作。当你在actions中进行数据请求,返回的数据需要先存储在store中,然后在组件中使用。以下是一个简单的例子:
- 首先,我们需要在store中存储我们的数据:
javascript export default { state: { data: '' }, mutations: { setData(state, data) { state.data = data; } }, actions: { fetchData(state, action) { action.payload.then(data => { state.data = data; }); } } };- 然后,在你的组件中,你可以使用
useEffect钩子来异步获取数据,并将其存储在组件的状态中:
```javascript import { useEffect } from 'vuex';
export default { mounted() { this.fetchData(this.$store, 'fetchData'); }, computed: { ...useEffect(['data'], []) } }; ```
在上面的代码中,
useEffect钩子会执行fetchDataaction的回调函数。在这个回调函数中,我们可以获取到数据,并将其存储在组件的状态中。注意,当组件挂载时,
useEffect钩子才会被调用。如果组件在某个特定的时间被卸载,useEffect钩子将会被忽略。另外,
useEffect钩子中的回调函数的第一个参数是store对象,第二个参数是action对象,第三个参数是action的默认属性。如果你不传入这三个参数,那么useEffect将会被自动处理。以上就是Vuex中的actions里接口请求返回的数据如何进行二次修改给组件使用的一些基本知识。
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
