问题标签 [vuex-orm]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
140 浏览

javascript - Vuex-ORM 插入和合并两个相互关联的 api 调用

在我的特殊情况下,这里有问题要了解 Vuex-ORM 的好处。

我有一个休息 API,大多数时候我设法通过多个 api 调用来处理我的数据以显示结果。

例如:有一个 call forfetchUsers()和一个 call for fetchPosts,帖子是由用户发布的,并且在内部作为userId道具相关联。

用户数据

发布数据

以此作为准备,我将在我的商店操作中调用这两个 api 的异步。

我现在想要的是帖子应该进入相关用户我的模型定义如下:

用户模型

后模型

大问题是,为什么我的帖子没有进入我的用户对象,所以我可以显示用户及其所属的帖子。我的用户中的帖子数组是空的。有人知道为什么吗? 空数组

0 投票
1 回答
42 浏览

javascript - 循环 Javascript 导入以加载到 VuexORM

每当我在 javascript 中导入一长串项目时,我的自然意图是将这些项目导出到单独的文件中,在我的主 javascript 文件中需要该文件,然后如果需要将它们加载到 Vue 或其他进程中,循环遍历它们并动态加载它们。

我刚刚开始使用 VueORM,需要将 ORM 模型加载到 VueORM 实例中,如下所示:

我的应用程序将有几十个模型,所以我想像我提到的那样从一个文件中导出这些模型,然后遍历它们并注册它们。

在我的模型中,我将每个导出为如下函数:

这通常工作正常,但在 VuexORM 中没有加载模型。

有人可以建议从单独的文件中加载这些模型的更好方法吗?

0 投票
1 回答
389 浏览

vue.js - Vuex-ORM 双向数据绑定无法观察嵌套对象

这个问题与 Vuex-ORM 的双向数据绑定有关

我尝试使用watchwithdeep来处理这样的用户表单。

问题是我的观察者没有在看,无论我尝试什么。一旦数据来自 Vuex-ORM,我的组件就无法在getters user

有人知道为什么吗?

0 投票
0 回答
114 浏览

vue.js - Vue ORM - [vuex] 未知操作类型:实体/书签/insertOrUpdate

我在用着

我已经创建了模型“列表”和模块“列表”并且运行良好。我创建模型“书签”和模块“书签”的方式相同。但返回错误:[vuex] 未知操作类型:entities/bookmarks/insertOrUpdate

Bookmark.js(模型)

书签.js(模块):

数据库.js

存储/index.js

更新商店的代码:

列表商店正在成功更新

0 投票
0 回答
36 浏览

orm - Vuex ORM 为属性内的对象定义 id

我从如下所示的 API 得到响应:

我正在寻找一种在 Vuex ORM 模型中表示这一点的方法。据我了解,这应该导致 3 个模型类。一个用于整个对象,一个用于“h”,一个用于“更改”。Vuex ORM 提供了加入这些方法的方法,比如hasMany,但这些方法似乎只适用于 api 响应不提供的 set id。

有谁知道如何在 Vuex ORM 中表示这个响应?

0 投票
0 回答
59 浏览

vue.js - Vuex ORM和api方法定制

在我的代码中,我有这一行:

除了将 ModelName1 数据推送到存储中之外,还执行 fetchById操作,我正在尝试将新记录插入到其他 ModelName2 数据到存储中。

当然,我可以调用ModelName2.api() ...并为两者设置await Promise.all,但我需要退出ModelName2的 http 请求,因为这些数据已经进入ModeName1的 http 响应中。我的解决方案因错误而崩溃

有什么帮助吗?

0 投票
1 回答
142 浏览

laravel - 将 Vuex-ORM 添加到 Laravel Nova 工具

有人可以帮我添加vuex-orm到 Laravel Nova 工具。

Laravel Nova 工具的基础具有tool.js以下内容('planning-tool'名称和路径可能因工具名称而异):

如您所见,Laravel Nova 已经有一个商店。

根据 Vuex-ORM 文档(https://vuex-orm.org/guide/prologue/getting-started.html#register-models-to-vuex),我应该开始使用:

由于 Laravel Nova 已经有一个 Vuex 商店,我试图将其混合起来。但是,一旦我添加与@vuex-orm/core我相关的导入,就会收到以下错误:

我的代码(到目前为止)是:

有人有建议吗?我知道我可以使用普通的 Vuex 存储,但是 vuex-orm 添加了很多不错的功能(我已经习惯了),以至于我会花很多时间通过循环遍历它们并加载其他关系来将普通对象用作模型。

更进一步

为了超越自己,我应该如何注册 vuex-orm 数据库插件,因为我所能找到的只是使用直接传递的 (VuexORM) 插件创建一个 Vuex 商店。我读过一个插件只是以商店为唯一参数的功能,那么这样的东西会起作用吗?我读过当你像这样使用它时它并不总是有效。

欢迎任何关于尝试什么的建议,我已经做了很长一段时间了......

0 投票
1 回答
59 浏览

graphql - 用于 vuex-orm 插件“过滤对象”查询的 GraphQL 模式

试图让“对象过滤”与 apolo-server 和 vuex-orm-graphql 一起使用。

堆:

  • 后端:nodejs、apollo-server
  • 前端:vue/vuex-orm + vuex-orm-graphql-plugin。该应用程序.fetch()根据文档中描述的“过滤器对象”实现:

我无法让客户端发送查询,因为我不知道如何为“过滤器对象”案例定义查询架构。

尝试了几种方法,例如:

未发送 graphql 查询请求,报错:

如果我稍微修改一下架构,我可以让查询发送,但是它会出错关于filter字段类型错误。

需要如何定义模式才能使过滤器功能正常工作?

0 投票
0 回答
18 浏览

graphql - 在graphql上使用vuex-orm的部分突变?

背景: 我使用 mongodb,其中一个典型的文档可能包含具有大值的字段。一个description字段可以容纳超过 200KB。

同一文档还包含一个title限制为 64 个字符(最多)的字段。

我想设置代码,以便在用户修改title.

当前状态:doc.$push()用来存储文档中的更改。规范是:https ://vuex-orm.github.io/plugin-graphql/guide/push.html

在这种情况下,浏览器 devtools 网络选项卡显示正在发送整个文档,包括描述,尽管没有被修改。不用说,对于这样的网络请求来说,这是一个不合理的开销。

如何设置它以便仅title在网络请求中包含和发送该值?

一种方法是使用 apollo-client 和仅更新的自定义突变查询title。这种方法最终会弄乱代码库,因为在不重新发送整个文档的情况下需要更新更多集合和更多字段。所以真的,我寻求一种通用的方法。

那么,关于如何在 graphql 上使用 vuex-orm 执行部分突变的任何想法?

0 投票
0 回答
19 浏览

npm - Vuex ORM:任何作为 vuex orm 商店的经验或示例 npm 包?

我打算制作一个代表 Vuex ORM 商店的 npm 包。

想法是让 vuex ORM 连接到特定的 API 并使用它的 Model 并提供同步数据的方法。

这样,任何使用此 npm 包的 UI 都可以轻松连接和使用特定 api 的数据模型。

问题是:有没有做类似事情的 npm 包?

是否有任何原因使这个想法不可能或难以实现?