vuex相关内容

Vue JS.分层调用未同步:网页->;VUEX->;API调用

我重构了我的VUE JS代码,使其具有专用的API层(调用AWS GraphQL服务),它由VUEX层调用。它现在有以下级别: Web Page -> Vuex -> API 我想在引用数据(第7点)之前检索数据(this.getActitivity)。为简单起见,我删减了代码: async created() { console.log("Point 1") ..
发布时间:2022-08-04 20:54:32 前端开发

如何在Nuxt.js商店中使用本地存储

我正在处理nuxt.js项目。在这里,我希望在Nuxt-Store内部使用localStorage,还希望从Nuxt-Middleware访问localStorage值。它显示错误。 未定义本地存储。 如何解决此问题? 此处,store/index.js 的代码示例 setUser(state, { user }){ state.user = user sta ..
发布时间:2022-08-02 15:56:11 前端开发

传递参数的Vuex反应式地图获取器

我有很多将参数传递给存储的getter方法,例如: this.$store.getters['getSomeThing'](this.id) 我没有找到关于如何在传递参数的同时以最佳方式使用mapGetters来保持反应性的建议。我发现的一个建议是映射获取方法,然后在mount中传递参数: computed: { ...mapGetters([ 'getSomeTh ..
发布时间:2022-06-27 22:16:20 前端开发

异步/等待不适用于VueX getter,但适用于日志

我有一个userID的Convos对象,我需要遍历该对象,并且在循环内,我需要调用Firebase以获取相应的用户名,然后返回一个包含Convos、用户名和UserID的对象。 我已经尝试使用异步/等待,从console.log获得的结果是正确的,但紧随其后的返回语句是未定义的。为什么会发生这种事?它们正在接收相同的对象。 store.jsgetter代码段 getConvosO ..
发布时间:2022-03-03 15:15:27 前端开发

Vuex:this.$Store.Dispatch不是一个函数

我正在尝试使用Vuex从FireBase获取数据。我正在与Firebase通信,将数据提交给突变,Getter将从州获得数据。然后我想在App.vue中显示状态数据。 在App.vue组件中,我在挂载函数中编写了调度,并尝试从Vuex获取数据。但是,我得到错误"TypeError: this.$store.dispatch is not a function",当我检查状态时,它显示为未定义 ..
发布时间:2022-03-03 15:12:06 前端开发

Vuex+Laravel为什么axios只发送那个值,而不发送任何值,这些值与方法的参数一起提供?

我的vuex存储中有一个操作方法,它有两个参数,名称分别为";context";和";payload";。 有效负载有数据,且vuex操作方法本身可以看到数据,并且使用console.log()在控制台中打印该有效负载参数附带的数据,但是当我尝试使用axios将该值发送到控制器时,控制器得到的数据为空。最可怕的事。如果我在该操作方法中给出了任何其他值,而不是&quo ..
发布时间:2022-03-03 15:05:24 前端开发

Vuex-ORM插入并合并两个相互关联的API调用

无法理解Vuex-ORM在我的特殊情况下的优势。 我有一个睡觉接口,大多数情况下我会设法使用多个接口调用来处理数据以显示结果。 例如: 通过调用fetchUsers()和调用fetchPosts,帖子由用户发出,并作为userId道具在中关联。 用户数据 const users = [ { id: 1, name: 'Leanne Graham', ..
发布时间:2022-03-03 15:02:30 前端开发

Vuex axios呼叫可以处理422响应

我正在尝试处理来自API的422响应,以防在进行异步Axios调用时数据无效。 在组件中,我有如下方法: async saveChanges() { this.isSaving = true; await this.$store.dispatch('updateSettings', this.formData); this.isSaving = false; } 在 ..
发布时间:2022-03-03 14:58:33 前端开发

如何先根据后端响应初始化Vue APP?

我希望在应用程序中的任何其他代码之前运行一些代码,这些代码将向后端发送请求,然后更新商店。 我需要先执行这一部分,因为巡回警卫依赖它,如何实现这一点? 代码示例 获取用户信息和设置 async init() { await AuthService.initCSRF(); await AuthService.getUser().then((res) => { ..
发布时间:2022-03-03 14:50:24 前端开发

如果不刷新页面,Vuex状态不会更新

我正在构建一个单页面应用程序,用户可以在其中看到不同的页面,具体取决于他们是否登录。登录调用工作正常,授权令牌保存在本地存储中。 设置:我已经设置了一个名为loggedIn的getter,如果在状态上设置了令牌,则返回true。以下代码与我的auth.js存储模块中的代码完全相同: const state = { accessToken: TokenService.getToken ..
发布时间:2022-03-03 14:40:31 前端开发

Vue,等待守望

我的应用程序中有类似的架构。 computed(){ someStoreValue = this.$store.someStoreValue; } watch() { someStoreValue() = async function () { //do some async action } }, methods: { someActio ..
发布时间:2022-03-03 14:31:39 前端开发