问题标签 [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 投票
2 回答
1196 浏览

vue.js - Vuex-ORM 的两种数据绑定方式

在使用Vuex ORM时,是否有人知道用于在表单中实现两种方式数据绑定的库或已经描述的模式?

我找到了几个库来帮助 Vuex 解决这个问题,但还没有专门针对 Vuex-ORM 的库:

0 投票
1 回答
528 浏览

vuex-orm - 使用“vuex-orm-decorators”时出现“TypeError:this.types 不是函数”

我正在尝试使用来自https://github.com/scotley/vuex-orm-decorators#readme的 npm 包 'vuex-orm-decorators'

当我尝试插入数据库时​​,出现错误TypeError: this.types is not a function

实体看起来像这样

商店看起来像这样:

另外,也许这是一个线索……在 Vuex-Orm 中, this.setters 返回一个值,但 this.setters('all') 返回未定义。

从未定义的基本字段和函数来看,vuex-orm 数据库似乎没有正确设置。有任何想法吗?

我试图为 vuex-orm-decorators 创建一个 stackoverflow 标签,但我还没有达到 1500 rep,所以我只是将它标记为 vuex-orm。

0 投票
1 回答
290 浏览

vuex-orm - 插入时的Vuex ORM模型构造函数问题

我有以下模型:

当我尝试这样做时:

我收到以下错误:

知道有什么问题吗?这段代码来自文档,所以我有点困惑。

0 投票
1 回答
337 浏览

vue.js - 无法从 nuxt 中的商店访问 vuex-orm $db 变量

将 nuxtjs 与 vuexorm 和 vuexorm-axios 插件一起使用。

/pages/index.vue

插件/vuex-orm-axios.js

存储/index.js

最重要的是作品。但是在 vuexorm文档中,它说总是从注入的数据库实例中获取模型以用于 nuxt/ssr 应用程序。但是,如果我尝试从中访问$db变量store将不起作用,因为存储中没有 $db 变量。

/pages/index.vue

我在这里做错了什么?

0 投票
1 回答
51 浏览

vuex-orm - 使用 Vuex ORM 从事件列表中删除状态和服务器中的事件

我可以使用 Vuex ORM 从 .vue 文件中使用以下内容从其状态中删除事件:

但这只会将其从其状态中删除,因此当我重新加载页面时,事件会返回。如何从服务器中删除它们以及使用 Vuex ORM 的状态?

0 投票
1 回答
3620 浏览

vue.js - 如何让 nuxt 子组件等到 asyncData 调用完成

对于一个表单,我们有 2 个组件父组件(用于调用 asyncdata 并将数据作为道具传递给子组件)和子组件(表单)。如果我使用链接导航,我可以正确获取子项中的道具。但是如果我尝试刷新子组件页面,它会抛出错误,因为没有传递任何道具。发现原因是在子渲染发送道具数据之前父异步数据未完成。

父组件

子组件(删除其他表单数据以使其易于理解)

如何让NewListingModal组件渲染等到父级中的 asyncData 完成?

0 投票
1 回答
192 浏览

javascript - 根据中间模型的属性对数组进行排序

我有三个模型(我在前端使用 Vue/Vuex-ORM)。Category,CategoryItemItem.

我能够获取一个类别数组,每个类别中都有一个项目数组。中间连接模型定义了这两个模型的关系,我可以这样访问:

在 中.forEach,我可以使用 访问连接模型item.pivot。然而,我想做的是根据item.pivot.position.

我开始沿着一条路径前进,在该路径中的第一行.map定义了一个新的空数组,然后理论上会根据位置是更高还是更低来推入一个新值,但我无法完全理解如何来实现这一点。

谢谢!

0 投票
0 回答
159 浏览

vue.js - 如何在 Vuex-ORM 中创建具有默认值的新实体

如何从具有未在 vuex“数据库”中创建的默认值的 vuex-orm 模型类创建一个不会在 vuex 中持久存在的新实体?

0 投票
1 回答
291 浏览

javascript - 如何在 Vue.js/Vuex 中同时在两个元素中显示悬停/焦点的活动状态

这是一个Vue.jsVuex相关的问题。

我正在构建一个应用程序,其中显示住宅列表(ul -> li -> a),同时显示这些插图在插图中的位置,通过 SVG 解决(活动元素是路径和多边形)。如果它只是一个元素,我可以只使用 css 来显示活动状态,但是因为同时有两个活动元素,我需要一个事件。

以前我通过给存储在 Vuex 中的住所提供一个hasFocus: false值来解决这个问题,我会在 mouseenter/focus 时将其更改为true,在 mouseout/focusout 时将其更改为 false。有了它,我可以添加/删除我添加活动状态 css的类有焦点。我现在已经重做数据存储以使用Vuex ORM,之后在执行突变时我看到更严重的帧速率下降。

有没有比在 Vuex (ORM) 对象模型中使用值更好的方法呢?

一些代码:

在 Vuex 中:

在 ResidenceItem.vue 中:

0 投票
1 回答
361 浏览

vuejs2 - 无法访问 Vuex ORM 连接/数据透视表中的关联实体数据

我为任务/类别设置了一个数据透视表,称为 TaskCategory。当我从任务中访问它时,我无法访问类别,即使已经建立了关系。

重现问题的步骤

定义模型 [...]

任务.js

类别.js

TaskCategory.js

创建数据 [...]

创建类别

创建任务并分配连接

检索数据 [...]

输出

预期行为

我应该能够通过 TaskCategory 访问加入的类别,因为模型是使用相关 ID 为其设置的

版本

  • Vuex ORM:0.36.3
  • 视图:2.6.11
  • 包.json:

我也在这里提出了这个问题