vuex相关内容
..
我的 vuex 商店看起来像这样,但是当调用 addCustomer 我得到 ReferenceError: state is not defined: 从'vue'导入Vue;从'vuex'导入Vuex;Vue.use(Vuex);导出默认新的 Vuex.Store({状态:{客户:[]},突变:{addCustomer:功能(客户){state.customers.push(客户);//这里
..
我的第一个组件是这样的: ...导出默认{...方法: {添加照片() {常量数据 = { id_product: this.idProduct}常量项 = this.idImagethis.$store.dispatch('addImage', 数据).then((响应) => {this.createImage(项目,响应)});},}} 如果调用add
..
现在我开始学习 vue,我正在创建用于编辑数据库的 SPA.现在我不明白应该在哪里使用 Vuex.我可以在任何地方使用 props 和 $emit ,它可以帮助我找到需要的参数.那么在什么情况下我应该使用 Vuex? 解决方案 根据这个很棒的技巧来自 Vuedose 博客 Vue.js 2.6 引入了一些新功能,其中一个我非常喜欢的是新的全局可观察 API. 现在您可以在 Vu
..
我正在使用 Vue 和 Electron 构建一个桌面应用程序.我想从一个 vue 组件中保存一个文件,其中包含用户介绍的一些数据.为此,我尝试在 vuex 操作中使用 fs 节点模块,但它让我出错.找不到那个模块.我知道 Vue 是客户端,但是,我认为在与 Electron 一起使用时它可以工作,但事实并非如此.为了初始化我的应用程序,我使用了 vue-cli 和命令 vue init webp
..
我正在构建一个包含电子邮件验证组件的 Vue.js/Firebase 身份验证接口.到目前为止,我已经成功地设置了我的界面,这样用户就无法登录,直到他/她点击发送到与输入地址绑定的收件箱的电子邮件中的验证链接.但是,我注意到,即使在单击验证电子邮件中的链接之前,该电子邮件地址仍会显示在 Firebase 身份验证门户中.虚假电子邮件地址似乎也是这种情况,显然无法验证.我真的希望只有在单击验证电子邮
..
编辑:这个问题非常混乱,所以我基本上用相同的代码示例和相同的场景重写了它. 当服务器响应发送 401 错误时,我正在尝试从拦截器 .commit 到我的 vuex 存储: 从'axios'导入axios;从'../store/store'导入{商店};导出默认函数 execute() {axios.interceptors.request.use(function(config) {con
..
我正在使用 Nuxtjs 和内置 Vuex 模块以及 Nuxtjs 的官方 axios.我正在尝试从本地服务器获取数据,但它总是抛出 CORS 错误. 所以我对 Github 的公共端点进行了 API 调用,但没有成功,只是在我的控制台中收到 CORS 错误. 我正在使用 Store 操作在组件创建生命周期中启动对服务器的 AJAX 调用.这是我的代码. //component.vu
..
我是 Vue.js Nuxt 和所有前端内容的新手. 我有一个关于 API 调用的问题.我不确定什么是正确的方法,这里是最佳实践. 我有一家商店.在那个商店中,我有调用我的 API 并设置状态的操作,例如. async fetchArticle({ state, commit }, uuid) {const response = await this.$axios.get(`arti
..
我正在努力寻找将 API 调用理想地放置在 vue 模块中的位置的答案.我不是在建造 SPA.例如,我的 auth 块有几个组件用于登录、密码重置、帐户验证等.每个块都使用 axios 进行 API 调用.Axios 已经提供了异步的 promise. 问题是关于最佳实践的.API 调用是否属于 Vuex 操作?这种方法有什么优点/缺点吗? 将 axios 调用保留在它们所属的组件中是
..
刚开始学习vuex,无法删除item.可以直接在组件中删除item. deleteCar (cars, id) {this.$http.delete('http://localhost:3000/cars/' + cars.id).then(() => {this.cars.splice(id, 1)})} 在 vuex 中我有: 状态:{车: {},汽车: []},突变:{ADD_CAR(
..
我尝试通过 nuxt-auth 模块进行登录.作为响应,我得到令牌,然后传送用户数据.但是,this.$Auth.loggedIn 是 false 而 this.$Auth.user 是 undefined.我已经战斗了 3 天,不能再进一步了.希望有人能帮助我. 登录 await this.$auth.login({数据: {电子邮件:this.email,密码:this.passwor
..
在我的应用程序中,我想在应用程序的其余部分启动之前初始化 3 个 Vuex 模块.然而,无论我尝试什么,我执行初始化的 Vue 实例生命周期钩子中的代码在 3 个模块完成初始化之前继续运行. 我在执行初始化的 Vuex 操作中的代码周围添加了一个 promise,以便我可以(a)等待调用生命周期挂钩中的那些,但它不起作用. 我查看了使用 Axios 的示例 Vuex 代码,我必须使我的
..
我一定是遗漏了什么.如何将 vuex mapState 与多个模块一起使用? 据了解,除了将对象作为参数传递之外,命名空间的 mapState 还可以接受两个参数:命名空间和表示模块成员的对象名称数组.像这样 //一个不完整的vue导出默认{计算:mapState('user', ['addresses', 'creditCards'])}; 但是如果我想将第二个命名空间中的对象添加到计
..
我的 vue 组件是这样的:
...
...
..
我正在使用 vuex 和 axios 构建一些 vuejs 仪表板,并且我一直在为一个非常讨厌的问题而苦苦挣扎:似乎我只能提出一个请求!所有后续调用都失败并显示此错误: 正在获取错误...语法错误:无法在“XMLHttpRequest"上执行“setRequestHeader":“Bearer {the_entire_content_of_the_previous_api_response}
..
我正在尝试修复我的 VueJS SPA 中出现不确定状态的行为.应用程序不知道 JWT 已经过期,因此将自己显示为用户仍在登录.例如,这可能在休眠后发生. 这些用户可以继续向 API 发出任何请求,但最终会得到 401 响应(而且是正确的). 我想要一个用于 401 响应的全局处理程序.(这将是:“从 vuex 中清除与用户相关的所有内容,并像用户一样呈现页面,并弹出登录表单等.")否
..
我刚开始在 vue 中使用 vuex.我确实(大致)了解文档.我有一个特定的问题,我不确定是否应该使用 vuex,如果是,该怎么做. 我有一个应用程序,其中 mapbox 地图在各种布局和组件等中无处不在.因为我将制作几个 vue 单文件组件,但正在使用 mapbox 地图的一个相同实例,我认为这是有意义的在 vuex 商店中启动和管理 mapbox 地图.所以例如当我更改地图布局或其他内容
..
作为 Vuex,我正在尝试使用表单更新对象.我的代码是这样的. 店内: const state = {类别:[]};//突变:[mutationType.UPDATE_CATEGORY](状态,ID,类别){const record = state.categories.find(element => element.id === id);state.categories[记录] = 类别
..
我正在开发 nuxt.js 应用程序.点是登录 &退出. 我们将开发登录 JWT 系统. 您必须在 vuex 中保持登录状态. 然而,当我刷新页面时,vuex 被初始化. 我已经阅读了 git vuex-persistedstate ,但很难理解如何初始化并设置它. 在 nuxt.js 中开发登录系统的最佳方式是什么? 谢谢. 解决方案 使用 vuex-
..