【vuex入门系列04】 在actions里利用dispatch触发内部的actions方法,传参,改装es6解构赋值的方式操作

发布时间:2019-08-09 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了【vuex入门系列04】 在actions里利用dispatch触发内部的actions方法,传参,改装es6解构赋值的方式操作脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

标签(空格分隔): vue


在actions里面触发内部的actions方法

actions: {
        addAction(context) {
            // context 是一个对象
            setTimeout(() => {
                context.commit('addIncrement', { n: 5 })
                context.dispatch('shudongAction') //在这里触发
            }, 1000)
        },
        shudongAction() {
            console.log("hi stark");
        }
    }

在actions里面触发内部actions方法传参

 actions: {
        addAction(context) {
            // context 是一个对象
            setTimeout(() => {
                context.commit('addIncrement', { n: 5 })
                    // context.dispatch('shudongAction')
                context.dispatch('shudongAction', { name: 'stark', age: 18, sex: 'man' })
            }, 1000)
        },
        shudongAction(context, stark) {
            console.log(stark);
            console.log(stark.name);
            console.log("hi stark");
        }
    }

可以利用es6解构赋值的方式来操作 在这个actions里面的函数接收的context对象打印有很多方法

当我们使用这么多方法的时候可以利用es6解构赋值的方式来操作

【vuex入门系列04】 在actions里利用dispatch触发内部的actions方法,传参,改装es6解构赋值的方式操作

        addAction({ commit, dispatch }) {
            console.log(context);
            // context 是一个对象
            setTimeout(() => {
                commit('addIncrement', { n: 5 })    
                dispatch('shudongAction', { name: 'stark', age: 18, sex: 'man' })
            }, 1000)
        }
    }

脚本宝典总结

以上是脚本宝典为你收集整理的【vuex入门系列04】 在actions里利用dispatch触发内部的actions方法,传参,改装es6解构赋值的方式操作全部内容,希望文章能够帮你解决【vuex入门系列04】 在actions里利用dispatch触发内部的actions方法,传参,改装es6解构赋值的方式操作所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。