脚本宝典收集整理的这篇文章主要介绍了【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的解构赋值的方式来操作
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,请注明来意。