vue.js相关内容
我有一个laravel项目,vue.js,尝试执行npm run hot时抛出错误。 OS: Windows 10 PhpStorm: 2021.2 Vue.js: 3.1.5 Laravel: 8 项目依赖项(npm list --depth 0): +-- axios@0.21.1 +-- laravel-mix@6.0.27 +-- lodash@4.17.21 +-- po
..
我有一个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
..
背景 请考虑以下事项: // 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
..
我有应用程序,用户可以登录在不同的角色,例如。seller、buyer和admin。 对于每个用户,我想在相同的路径上显示仪表板页面,例如。http://localhost:8080/dashboard 但是,每个用户将在不同的VUE组件中定义不同的仪表板,例如,SellerDashboard、BuyerDashboard和AdminDashboard。 因此,基本上,当用户打开http://l
..
如果我console.log(this.list),结果如下: this.list.forEach(function (user) { selected.push(user.id); }); 存在错误: 未捕获的TypeError:this.list.forEach不是函数 如何解决此错误? 推荐答案 this.list不是数组吗? 如果this.l
..
我有几个应用程序,当我使用axios发送表单数据时,POST数据被成功发送到API。但是当我使用PUT请求时,它不能与formData一起使用。
..
在我的应用程序中,我使用FireBase API进行用户身份验证 我将登录状态保存为VUEX状态中的布尔值 当用户登录时,我将登录状态设置为true,并使用此选项隐藏顶部菜单上的登录按钮,并在用户注销时显示注销按钮,反之亦然。 因此我使用vuex-persisted state保存页面刷新的状态 处于vuex持久化状态的dafault存储为本地存储 我不是将存储状态保
..
在我的Vue+Vuex项目中,我尝试使用Visual Studio代码进行调试。我使用Chrome调试工具正确启动了调试器,并正确使用了映射,但是当我尝试在我的.js或.VUE文件中放置断点时,VS代码似乎将断点放在了错误的位置。例如,这里我尝试在第40行的一个getter中放置一个断点,但在15行之后结束: 这是VS代码中的错误,还是其他问题?有关于如何修复的建议吗? 其他行上的其他
..