vue.js相关内容

异步/等待不适用于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 前端开发

VUE路由器-如何根据用户角色将多个组件加载到同一路由路径上?

我有应用程序,用户可以登录在不同的角色,例如。seller、buyer和admin。 对于每个用户,我想在相同的路径上显示仪表板页面,例如。http://localhost:8080/dashboard 但是,每个用户将在不同的VUE组件中定义不同的仪表板,例如,SellerDashboard、BuyerDashboard和AdminDashboard。 因此,基本上,当用户打开http://l ..
发布时间:2022-03-03 14:27:56 前端开发

页面刷新和多个选项卡上的Vuex状态

在我的应用程序中,我使用FireBase API进行用户身份验证 我将登录状态保存为VUEX状态中的布尔值 当用户登录时,我将登录状态设置为true,并使用此选项隐藏顶部菜单上的登录按钮,并在用户注销时显示注销按钮,反之亦然。 因此我使用vuex-persisted state保存页面刷新的状态 处于vuex持久化状态的dafault存储为本地存储 我不是将存储状态保 ..
发布时间:2022-03-03 14:20:10 前端开发

Visual Studio代码断点出现在错误位置

在我的Vue+Vuex项目中,我尝试使用Visual Studio代码进行调试。我使用Chrome调试工具正确启动了调试器,并正确使用了映射,但是当我尝试在我的.js或.VUE文件中放置断点时,VS代码似乎将断点放在了错误的位置。例如,这里我尝试在第40行的一个getter中放置一个断点,但在15行之后结束: 这是VS代码中的错误,还是其他问题?有关于如何修复的建议吗? 其他行上的其他 ..
发布时间:2022-03-03 14:16:49 前端开发