vuex相关内容

我什么时候应该使用 Vuex?

现在我开始学习 vue,我正在创建用于编辑数据库的 SPA.现在我不明白应该在哪里使用 Vuex.我可以在任何地方使用 props 和 $emit ,它可以帮助我找到需要的参数.那么在什么情况下我应该使用 Vuex? 解决方案 根据这个很棒的技巧来自 Vuedose 博客 Vue.js 2.6 引入了一些新功能,其中一个我非常喜欢的是新的全局可观察 API. 现在您可以在 Vu ..
发布时间:2022-01-25 17:02:57 前端开发

vue + electron 如何将文件写入磁盘

我正在使用 Vue 和 Electron 构建一个桌面应用程序.我想从一个 vue 组件中保存一个文件,其中包含用户介绍的一些数据.为此,我尝试在 vuex 操作中使用 fs 节点模块,但它让我出错.找不到那个模块.我知道 Vue 是客户端,但是,我认为在与 Electron 一起使用时它可以工作,但事实并非如此.为了初始化我的应用程序,我使用了 vue-cli 和命令 vue init webp ..
发布时间:2022-01-10 22:30:30 前端开发

如何在验证电子邮件之前阻止 Firebase/Vue.js 中的用户身份验证

我正在构建一个包含电子邮件验证组件的 Vue.js/Firebase 身份验证接口.到目前为止,我已经成功地设置了我的界面,这样用户就无法登录,直到他/她点击发送到与输入地址绑定的收件箱的电子邮件中的验证链接.但是,我注意到,即使在单击验证电子邮件中的链接之前,该电子邮件地址仍会显示在 Firebase 身份验证门户中.虚假电子邮件地址似乎也是这种情况,显然无法验证.我真的希望只有在单击验证电子邮 ..
发布时间:2022-01-01 19:34:24 前端开发

无法访问 Axios 拦截器中的 Vuex 存储突变

编辑:这个问题非常混乱,所以我基本上用相同的代码示例和相同的场景重写了它. 当服务器响应发送 401 错误时,我正在尝试从拦截器 .commit 到我的 vuex 存储: 从'axios'导入axios;从'../store/store'导入{商店};导出默认函数 execute() {axios.interceptors.request.use(function(config) {con ..
发布时间:2022-01-01 10:26:21 前端开发

Vuex 模块 CORS 中的 Nuxtjs Axios 错误

我正在使用 Nuxtjs 和内置 Vuex 模块以及 Nuxtjs 的官方 axios.我正在尝试从本地服务器获取数据,但它总是抛出 CORS 错误. 所以我对 Github 的公共端点进行了 API 调用,但没有成功,只是在我的控制台中收到 CORS 错误. 我正在使用 Store 操作在组件创建生命周期中启动对服务器的 AJAX 调用.这是我的代码. //component.vu ..
发布时间:2022-01-01 10:22:41 前端开发

Nuxt.js - API 调用的最佳场所

我是 Vue.js Nuxt 和所有前端内容的新手. 我有一个关于 API 调用的问题.我不确定什么是正确的方法,这里是最佳实践. 我有一家商店.在那个商店中,我有调用我的 API 并设置状态的操作,例如. async fetchArticle({ state, commit }, uuid) {const response = await this.$axios.get(`arti ..
发布时间:2022-01-01 10:18:20 前端开发

Vue - API 调用是否属于 Vuex?

我正在努力寻找将 API 调用理想地放置在 vue 模块中的位置的答案.我不是在建造 SPA.例如,我的 auth 块有几个组件用于登录、密码重置、帐户验证等.每个块都使用 axios 进行 API 调用.Axios 已经提供了异步的 promise. 问题是关于最佳实践的.API 调用是否属于 Vuex 操作?这种方法有什么优点/缺点吗? 将 axios 调用保留在它们所属的组件中是 ..
发布时间:2022-01-01 10:13:43 前端开发

如何使用 vuex 删除项目?

刚开始学习vuex,无法删除item.可以直接在组件中删除item. deleteCar (cars, id) {this.$http.delete('http://localhost:3000/cars/' + cars.id).then(() => {this.cars.splice(id, 1)})} 在 vuex 中我有: 状态:{车: {},汽车: []},突变:{ADD_CAR( ..
发布时间:2022-01-01 10:12:56 前端开发

Nuxt Auth - 未设置用户数据

我尝试通过 nuxt-auth 模块进行登录.作为响应,我得到令牌,然后传送用户数据.但是,this.$Auth.loggedIn 是 false 而 this.$Auth.user 是 undefined.我已经战斗了 3 天,不能再进一步了.希望有人能帮助我. 登录 await this.$auth.login({数据: {电子邮件:this.email,密码:this.passwor ..
发布时间:2022-01-01 10:10:13 其他开发

如何在 Vuex 操作完成之前阻止 Vue 生命周期继续?

在我的应用程序中,我想在应用程序的其余部分启动之前初始化 3 个 Vuex 模块.然而,无论我尝试什么,我执行初始化的 Vue 实例生命周期钩子中的代码在 3 个模块完成初始化之前继续运行. 我在执行初始化的 Vuex 操作中的代码周围添加了一个 promise,以便我可以(a)等待调用生命周期挂钩中的那些,但它不起作用. 我查看了使用 Axios 的示例 Vuex 代码,我必须使我的 ..
发布时间:2022-01-01 10:03:44 前端开发

具有多个模块的 vuex 命名空间 mapState

我一定是遗漏了什么.如何将 vuex mapState 与多个模块一起使用? 据了解,除了将对象作为参数传递之外,命名空间的 mapState 还可以接受两个参数:命名空间和表示模块成员的对象名称数组.像这样 //一个不完整的vue导出默认{计算:mapState('user', ['addresses', 'creditCards'])}; 但是如果我想将第二个命名空间中的对象添加到计 ..
发布时间:2021-12-29 14:14:12 前端开发

Vuejs 在 vuex 商店中带有 axios 请求:不能发出多个请求,为什么?

我正在使用 vuex 和 axios 构建一些 vuejs 仪表板,并且我一直在为一个非常讨厌的问题而苦苦挣扎:似乎我只能提出一个请求!所有后续调用都失败并显示此错误: 正在获取错误...语法错误:无法在“XMLHttpRequest"上执行“setRequestHeader":“Bearer {the_entire_content_of_the_previous_api_response} ..
发布时间:2021-12-26 16:59:30 前端开发

使用 vuex 处理 vue/axios 中的全局 http 响应错误

我正在尝试修复我的 VueJS SPA 中出现不确定状态的行为.应用程序不知道 JWT 已经过期,因此将自己显示为用户仍在登录.例如,这可能在休眠后发生. 这些用户可以继续向 API 发出任何请求,但最终会得到 401 响应(而且是正确的). 我想要一个用于 401 响应的全局处理程序.(这将是:“从 vuex 中清除与用户相关的所有内容,并像用户一样呈现页面,并弹出登录表单等.")否 ..
发布时间:2021-12-26 16:55:26 前端开发

如何在 Vuex 中为 mapbox 地图设置集中状态?

我刚开始在 vue 中使用 vuex.我确实(大致)了解文档.我有一个特定的问题,我不确定是否应该使用 vuex,如果是,该怎么做. 我有一个应用程序,其中 mapbox 地图在各种布局和组件等中无处不在.因为我将制作几个 vue 单文件组件,但正在使用 mapbox 地图的一个相同实例,我认为这是有意义的在 vuex 商店中启动和管理 mapbox 地图.所以例如当我更改地图布局或其他内容 ..
发布时间:2021-12-26 16:52:15 前端开发

使用 vuex 更新数据

作为 Vuex,我正在尝试使用表单更新对象.我的代码是这样的. 店内: const state = {类别:[]};//突变:[mutationType.UPDATE_CATEGORY](状态,ID,类别){const record = state.categories.find(element => element.id === id);state.categories[记录] = 类别 ..
发布时间:2021-12-26 16:50:30 前端开发

我想在 Nuxt.js 的 Vuex 中使用 window.localStorage

我正在开发 nuxt.js 应用程序.点是登录 &退出. 我们将开发登录 JWT 系统. 您必须在 vuex 中保持登录状态. 然而,当我刷新页面时,vuex 被初始化. 我已经阅读了 git vuex-persistedstate ,但很难理解如何初始化并设置它. 在 nuxt.js 中开发登录系统的最佳方式是什么? 谢谢. 解决方案 使用 vuex- ..
发布时间:2021-12-26 16:47:03 其他开发