标签:请求 async TypeNav Vuex categoryList 使用 组件 commit 过程
一、注册的全局组件无法使用
在main.js注册全局组件时:
① Vue.component(TypeNav.name, TypeNav);
② 改为:
③ Vue.component('TypeNav', TypeNav);
且全局组件放在components文件夹中
二、Vuex无法获取 请求 的数据
在typeNav组件中
① this.$store.dispatch("categoryList"); 通知vuex发请求
在vuex配置文件(store文件夹下home文件夹的配置文件)
Actions响应组件的请求,因为传递的promise是异步对象,所以通过 async 和 await 来定义actions的categoryList函数,commit提交修改请求,同时在 mutations 中定义commit传来的请求的具体修改, 通过mutations来修改state的数据
问题:actions 中,通过API调用接口向服务器发请求时的 result 带有数据,但是commit出去的请求为空。
解决:
② async categoryList( commit )
改为:
③ async categoryList({ commit })
使用async 传递 commit 为参数时,需要在commit外加 {}
标签:请求,async,TypeNav,Vuex,categoryList,使用,组件,commit,过程 来源: https://www.cnblogs.com/Pray386/p/16657482.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。