vuex相关内容

在 Nuxt.js 中 CORS 阻塞客户端请求

我在提出客户请求时遇到问题. 我遵循了 Nuxt.js 和 Axios 但我似乎仍然无法让它工作.也许我错过了什么.. 我的 Vue 组件调用 vuex 操作: 方法:{打开() {this.$store.dispatch('events/getEventAlbum');}} vuex 中的动作: export const actions = {异步 getEventAlbum( ..
发布时间:2021-12-26 16:46:10 其他开发

Vuejs 2、VUEX、编辑数据时绑定数据

我有一个用户个人资料部分,我试图允许用户编辑他们的信息.我正在使用 vuex 存储用户配置文件数据并将其拉入表单.编辑表单位于 userProfile 组件的子组件中 - 加载数据保存提交到 VUEX. 所以我可以用来自 VUEX 的数据填充表单,但是一旦我更改表单中的任何值,它也会更改我父组件中的值. 在保存表单之前,我不会提交对 VUEX 的更改,因此这意味着数据以两种方式绑定到 ..
发布时间:2021-12-26 16:46:01 前端开发

如何在 vuex 商店中使用 vue-resource ($http) 和 vue-router ($route)?

在我从组件的脚本中获取电影细节之前.该函数首先检查商店的电影 ID 是否与路由的参数电影 ID 相同.如果相同,则不要从服务器 API 获取电影,否则从服务器 API 获取电影. 它运行良好.但是现在我正在尝试从商店的突变中获取电影详细信息.但是我收到错误 未捕获的类型错误:无法读取未定义的属性 '$route' 如何使用 vue-router ($route) 访问 param ..
发布时间:2021-12-26 16:40:14 前端开发

Vuex &网络套接字

所以目前我正在使用 VueJS 2,我对它很陌生.现在我得到了一些其他人的帮助,但我仍然被困住了. 这是我想要实现的目标(示例 - 与我想要的紧密相关): 我有一个侦听 WebSockets 的 NodeJS 应用程序.该应用程序通过 WebSocket 侦听连接,并将获取 JSON 数据、一个命令,然后是一个包含该命令所需的任何内容的数据对象. 例如命令可以是登录,数据是用户名 ..
发布时间:2021-12-25 14:12:50 其他开发

在 Vuex 中不使用操作就提交突变是不是很糟糕?

我已经使用 Vuex 有一段时间了,我一直遵循这样的模式:组件使用 Actions 提交 Mutations 来改变 Store.考虑到文档中的这张图,我认为这是正确的做法: 我遇到过这样的代码:人们直接在组件中提交变更,甚至没有创建除了触发变更之外没有其他目的的简单操作.我什至在 Vuex 文档中找到了几个这样的例子. 我想,因为它在文档中被使用,所以这一定是一种可接受的模式,我想知 ..
发布时间:2021-12-21 18:27:31 其他开发

路由 beforeEach 守卫在 Vue created() 中加载状态之前执行

如果我直接导航到管理员保护的路线,http://127.0.0.1:8000/dashboard/,导航总是被拒绝,因为状态没有在检查路由器防护时尚未加载. beforeEach 在 Vue created 之前被执行,因此当前登录的用户不被识别. 我该如何解决这个先有鸡还是先有蛋的问题? 以下文件因相关性而被截断 main.js router.beforeEach((t ..
发布时间:2021-12-08 22:10:37 前端开发

限制 vue/vuex 反应性

假设我们有一些对象数组,这些对象永远不会改变.例如,这可能是从谷歌地图地点 api 接收到的搜索结果 - 每个结果都是相当复杂的对象,具有 id、标题、地址、坐标、照片和一堆其他属性和方法. 我们想使用 vue/vuex 在地图上显示搜索结果.如果将一些新结果推送到商店,我们希望在地图上绘制它们的标记.如果某个结果被删除,我们想删除它的标记.但在内部,每个结果都不会改变. 有什么方法可 ..
发布时间:2021-12-08 22:01:44 前端开发

如何访问 vue-router 中的异步存储数据以在 beforeEnter 钩子中使用?

如何访问通过 store 操作异步检索的 beforeEnter 中的存储数据? 从'./vuex/store'导入商店;store.dispatch('initApp');//在这里,异步数据将被获取并分配给商店的状态//以下是路由对象的摘录:{路径:'/示例',组件:示例,beforeEnter: (to, from, next) =>{如果(store.state.asyncData){/ ..
发布时间:2021-12-08 21:55:18 前端开发

如何清除 vuex 商店中的状态?

我在 vuex 商店的状态很大. 有没有办法一次性重置所有状态的数据,而不是手动将所有内容都设置为空? 解决方案 我刚刚找到了适合我的出色解决方案. const getDefaultState = () =>{返回 {项目: [],状态:'空'}}//初始状态const state = getDefaultState()常量动作 = {resetCartState ({ commi ..
发布时间:2021-12-08 21:52:03 前端开发

试图让 firebase.auth().currentUser 成为一个承诺

当用户登录时,我试图将他们发送到受限页面.所以我通过检查用户对象来保护路线.问题是当用户创建或登录时,auth 不会立即改变,所以创建或登录后,firebase.auth().currentUser 可以返回 null 几毫秒.所以如果我将它们发送到页面,它会返回一个错误. 这就是我试图做的事情,试图让路由等待一段时间以查看身份验证是否发生变化.我想知道代码是否有任何问题或编写此代码的更好方 ..
发布时间:2021-12-08 21:50:05 前端开发

如何在 Vuexfire 中使用 Moment.js

我正在构建一个在 store.js 文件中使用 Vuexfire 的 Vue.js 应用程序.我的应用程序使用户能够将用户输入的带有时间戳的帖子推送到 Firestore.我正在配置我的 Vuexfire 操作处理程序以提交按时间戳顺序排列的 firebase 有效负载的变异,如下所示: 从“vue"导入Vue;从“vuex"导入 Vuex;从“firebase"导入 firebase;从“vu ..
发布时间:2021-12-08 21:48:52 前端开发

带参数的 vuexjs getter

有没有办法将参数传递给vuex store的getter?类似的东西: new Vuex.Store({吸气剂:{一些方法(参数){//使用对 args 的查询从 store 返回数据}}}) 这样我就可以在组件中使用 {{someMethod(this.id)}} 从“vuex"导入 { mapGetters }导出默认{道具:[' ..
发布时间:2021-12-08 21:28:19 前端开发

我应该什么时候使用 Vuex?

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

如何从 Vuex 操作使用 vue 路由器进行导航

我正在使用 Vue 2.x 和 Vuex 2.x 创建一个 Web 应用程序.我正在通过 http 调用从远程位置获取一些信息,我希望如果调用失败,我应该重定向到其他页面. GET_PETS: (state) =>{返回 $http.get('pets/').then((response)=>{state.commit('SET_PETS', response.data)})},错误 =>{th ..
发布时间:2021-12-08 21:21:49 前端开发