javascript - vuex报错 this.$store.dispatch is not a function,怎么解决?
问题描述
之前对着vuex官方的例子抄了一遍以后,打算自己做个带完整html,css的demo,带更多完整的功能,然后基本都完成了,开始测试的时候就遇到了后台报错“this.$store.dispatch is not a function”我搞了一下午都没弄好,对着例子比对半天都没看出问题,使用vue官方的chrome调试器知道state和getters是有引入所以state,就是actions没获得我模拟出来的数据
相关代码如下
//Product.vueimport { mapGetters, mapActions } from ’vuex’export default {...created () {this.$store.dispatch(’getAllDetails’) }}
//store/modules/product.jsimport shop from ’../../api/shop’import * as types from ’../mutation-types’const state = { all:[] }const actions = { getAllDetails({ commit }) {shop.getDetails( details => { commit(types.PRODUCT_DETAILS, { details })}) }}const mutations = { [types.PRODUCT_DETAILS] (state, { details }) {state.all = details }}export default { state, getters, actions, mutations}
//store/mutations-typesexport const PRODUCT_DETAILS = ’PRODUCT_DETAILS’
//shop.jsconst _details = [{ iPhone6S: { name: ’Apple/苹果 iPhone 6S’, desc: ’3D Touch、1200万像素照片、4k视频,强大功能于一身。’, price: ’5288 - 6888’, style: {’银色’: ’http://o8yu724qs.bkt.clouddn.com/iphone6s-silver-select-2015.png’,’深空灰色’: ’http://o8yu724qs.bkt.clouddn.com/iphone6s-gray-select-2015.png’,’金色’: ’http://o8yu724qs.bkt.clouddn.com/iphone6s-gold-select-2015.png’,’玫瑰金色’: ’http://o8yu724qs.bkt.clouddn.com/iphone6s-rosegold-select-2015.png’ }, activeStyleUrl: ’http://o8yu724qs.bkt.clouddn.com/iphone6s-silver-select-2015.png’, size: {’16GB’: 5288,’64GB’: 6088,’128GB’: 6888 } }}]export default { getDetails (cb) {console.log(cb)return cb(_details) }}
如果大佬们有时间,或者觉得我截取的片段不能说明问题,可以到github中下载完整版本调试,先谢谢大佬们了。
问题解答
回答1:修改main.js中
import * as store from ’./store’
为import store from ’./store’
回答2://Product.vueimport { mapGetters, mapActions } from ’vuex’export default {...created () {this.$store.dispatch(’getAllDetails’) }}
要先在你这个代码里面引入store,import store from ’./store’
相关文章:
1. Angular.js 无法设置Authorization头,该怎么解决?2. Mac下phpinfo和php -m里的扩展不一致怎么解决?3. javascript - bootstrap table固定列之后宽度无法对齐怎么解决?4. java - JPA 中自定义对象和原生对象属性名不一致怎么解决?5. HTML5禁止img预览该怎么解决?6. javascript - vue: 父组件给子组件传递数据,子组件接收到了,但是报错,怎么解决?7. 请问这个怎么解决?8. javascript - tab切换不生效,异步问题怎么解决?9. 在win7上安装2015vc++运行库安装失败怎么解决?10. javascript - 想让图片上那个块,在增加块的宽度的时候向右边移动,而不是向左边移动。需要怎么解决?