vuex相关内容
我重构了我的VUE JS代码,使其具有专用的API层(调用AWS GraphQL服务),它由VUEX层调用。它现在有以下级别: Web Page -> Vuex -> API 我想在引用数据(第7点)之前检索数据(this.getActitivity)。为简单起见,我删减了代码: async created() { console.log("Point 1")
..
我正在处理nuxt.js项目。在这里,我希望在Nuxt-Store内部使用localStorage,还希望从Nuxt-Middleware访问localStorage值。它显示错误。 未定义本地存储。 如何解决此问题? 此处,store/index.js 的代码示例 setUser(state, { user }){ state.user = user sta
..
当我在mount()生命周期挂钩中的App.vue组件中分派操作时,它在加载其他组件之后运行。我在我的操作中使用了异步/等待并装载了生命周期挂钩。 App.vue文件 methods: { ...mapActions({ setUsers: "setUsers", }), }, async mounted() { try {
..
我正在尝试在我的Vue应用中设置Vuex。 app.js require('./bootstrap'); window.Vue = require('vue').default; import Vuex from "vuex"; Vue.use(Vuex); import storeData from "./store"; const store = new Vuex.Store
..
我有很多将参数传递给存储的getter方法,例如: this.$store.getters['getSomeThing'](this.id) 我没有找到关于如何在传递参数的同时以最佳方式使用mapGetters来保持反应性的建议。我发现的一个建议是映射获取方法,然后在mount中传递参数: computed: { ...mapGetters([ 'getSomeTh
..
我有一个userID的Convos对象,我需要遍历该对象,并且在循环内,我需要调用Firebase以获取相应的用户名,然后返回一个包含Convos、用户名和UserID的对象。 我已经尝试使用异步/等待,从console.log获得的结果是正确的,但紧随其后的返回语句是未定义的。为什么会发生这种事?它们正在接收相同的对象。 store.jsgetter代码段 getConvosO
..
我正在尝试使用Vuex从FireBase获取数据。我正在与Firebase通信,将数据提交给突变,Getter将从州获得数据。然后我想在App.vue中显示状态数据。 在App.vue组件中,我在挂载函数中编写了调度,并尝试从Vuex获取数据。但是,我得到错误"TypeError: this.$store.dispatch is not a function",当我检查状态时,它显示为未定义
..
我正在尝试显示群邀请列表。 此组件有时按预期显示,有时根本不显示。此错误返回: vue.runtime.esm.js?2b0e:619 [Vue warn]: Computed property "groupInvites" was assigned to but it has no setter. found in ---> at src/component
..
我的vuex存储中有一个操作方法,它有两个参数,名称分别为";context";和";payload";。 有效负载有数据,且vuex操作方法本身可以看到数据,并且使用console.log()在控制台中打印该有效负载参数附带的数据,但是当我尝试使用axios将该值发送到控制器时,控制器得到的数据为空。最可怕的事。如果我在该操作方法中给出了任何其他值,而不是&quo
..
无法理解Vuex-ORM在我的特殊情况下的优势。 我有一个睡觉接口,大多数情况下我会设法使用多个接口调用来处理数据以显示结果。 例如: 通过调用fetchUsers()和调用fetchPosts,帖子由用户发出,并作为userId道具在中关联。 用户数据 const users = [ { id: 1, name: 'Leanne Graham',
..
我正在尝试处理来自API的422响应,以防在进行异步Axios调用时数据无效。 在组件中,我有如下方法: async saveChanges() { this.isSaving = true; await this.$store.dispatch('updateSettings', this.formData); this.isSaving = false; } 在
..
我一直在寻找如何在不键入所有操作名称的情况下在模板中使用Vuex操作,我的代码看起来是这样的: export default new Vuex.Store({ modules: articles, auth, blabla}) 我的articles.mode.js包含操作、getter等,其中一个操作如下: [ArticleActions.remote.FETCH_ALL]({co
..
我有一个用于我的状态(游戏命名空间)的接口,如下所示: interface GameState { selectedTab: number; timeout: number; snackbar: boolean; text: string; doneTasks: number; taskTypes: TaskType[]; stages: Stage[]; }
..
我希望在应用程序中的任何其他代码之前运行一些代码,这些代码将向后端发送请求,然后更新商店。 我需要先执行这一部分,因为巡回警卫依赖它,如何实现这一点? 代码示例 获取用户信息和设置 async init() { await AuthService.initCSRF(); await AuthService.getUser().then((res) => {
..
我正在尝试找出如何删除提交给FireBase数据库的信息。 我正在尝试删除请求下的信息。Example 以下是我用于获取数据的操作: export default { async contactArtist(context, payload) { const newRequest = { userEmail: payload.email, mes
..
尝试%1 main.js import { createApp } from 'vue' import { store } from './store/store' import App from './App.vue' Vue.config.productionTip = false const app = createApp(App) app.use(store) app.
..
我正在构建一个单页面应用程序,用户可以在其中看到不同的页面,具体取决于他们是否登录。登录调用工作正常,授权令牌保存在本地存储中。 设置:我已经设置了一个名为loggedIn的getter,如果在状态上设置了令牌,则返回true。以下代码与我的auth.js存储模块中的代码完全相同: const state = { accessToken: TokenService.getToken
..
我正在动态注册Vuex存储模块 store.registerModule('home.grid', GridStore) 然后在组件中: export default { name: 'GridComponent', props: { namespace: { type: String, required: true }, computed: {
..
背景 请考虑以下事项: // app.js import API from 'utils/API'; const api = new API(config.app.urls.api, endpoints, token); app.provide('$api', api); 根据我在过去24小时内阅读的所有内容,以上是向Vue.js 3提供“服务”的建议方法。 但是,上面的
..
我的应用程序中有类似的架构。 computed(){ someStoreValue = this.$store.someStoreValue; } watch() { someStoreValue() = async function () { //do some async action } }, methods: { someActio
..