账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vuex的actions里接口请求返回的数据怎么进行二次修改给组件使用?
    40
    0

    在actions的方法有个接口请求。返回的数据格式可能需要前端处理,比如返回{name:2232}
    但是我需要处理成:[{name:2232}]

    从vuex请求数据到数据处理,再到应用到组件里。
    这之间的处理过程的方式是怎么做的?

    是在then回调里面处理[{name:2232}]完了后,在commit使用mutations的方法设置属性吗?那么组件里怎么把vuex里处理完的[{name:2232}]拿来用啊?

    不是很懂,,谁可以详细说下?

    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 10 元积分
        全部回答
    • 0
    • 笑的歇斯里底ヘ 普通会员 1楼

      在Vuex中,actions主要用于管理组件的状态和异步操作。当你在actions中进行数据请求,返回的数据需要先存储在store中,然后在组件中使用。以下是一个简单的例子:

      1. 首先,我们需要在store中存储我们的数据:

      javascript export default { state: { data: '' }, mutations: { setData(state, data) { state.data = data; } }, actions: { fetchData(state, action) { action.payload.then(data => { state.data = data; }); } } };

      1. 然后,在你的组件中,你可以使用useEffect钩子来异步获取数据,并将其存储在组件的状态中:

      ```javascript import { useEffect } from 'vuex';

      export default { mounted() { this.fetchData(this.$store, 'fetchData'); }, computed: { ...useEffect(['data'], []) } }; ```

      在上面的代码中,useEffect钩子会执行fetchData action的回调函数。在这个回调函数中,我们可以获取到数据,并将其存储在组件的状态中。

      注意,当组件挂载时,useEffect钩子才会被调用。如果组件在某个特定的时间被卸载,useEffect钩子将会被忽略。

      另外,useEffect钩子中的回调函数的第一个参数是store对象,第二个参数是action对象,第三个参数是action的默认属性。如果你不传入这三个参数,那么useEffect将会被自动处理。

      以上就是Vuex中的actions里接口请求返回的数据如何进行二次修改给组件使用的一些基本知识。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部