- Java 双重比较
- java - 比较器与 Apache BeanComparator
- Objective-C 完成 block 导致额外的方法调用?
- database - RESTful URI 是否应该公开数据库主键?
我的应用使用以下类型的数据:有些公司每个都有一个数据点列表。每个数据点都有一种类型,每个公司只能有一种类型的数据点。
+Company_1
|
|--Datapoint_1 : type_1
|--Datapoint_2 : type_2
|--Datapoint_3 : type_3
|
|
+Company_2
|
|--Datapoint_4 : type_3
|--Datapoint_5 : type_2
|
|+Company_3
|
|--Datapoint_6 : type_2
...
...
总共有大约 1000 个数据点和 20 家公司。该应用程序根据这些数据点计算分析,目标是允许用户操纵这些数据点,以查看给定场景中的结果。在任何给定时刻,都有一个“selected_company”和“selected_type”,基于这两个选择,应该选择正确的数据点进行操作。
我意识到,如果“companies”变量和“datapoints”属性是数组,则必须对所有项目进行搜索才能找到正确的项目。因此,我选择将它们设为对象:
companies = {
'1' : {
name : 'Company_1',
datapoints : {
'type_1' : { ... },
'type_2' : { ... },
'type_3' : { ... }
}
},
'2' : {...},
'3' : {...},
.
.
.
}
问题:
我有一个“数据点”组件,我将数据点作为 Prop 传递:
<datum-comp :datum="companies[selected_company].datapoints[selected_type]"></datum-comp>
在此组件中,我有一个用于操作数据点的得分属性的输入:
<input v-model.number="datum.score" class="form-control">
但是,此输入表现出非常奇怪的行为。当我输入时,模型不会立即更新。相反,Vue 似乎在等待我在更新模型之前从输入 (onBlur) 改变焦点。
更奇怪的是,当我将 datapoints 属性设为数组时
companies = {
'1' : {
name : 'Company_1',
datapoints : [
{ ... },
{ ... },
{ ... }
]
},
并使用一种方法来检索数据点(而不是直接将其传入),Vue 以正确的方式运行!
<datum-comp :datum="getDatum(selected_company, selected_type)"></datum-comp>
(在 js 文件中:)
var app = new Vue({
el : '#app',
data:{...},
methods:{
getDatum: function(selected_company, selected_type){
var datum = this.companies[selected_company].datapoints.find(function(elem){
return elem.type == selected_type
})
return datun
}
}
})
我需要帮助来理解为什么 Vue 在这些情况下表现如此,因为它对应用程序性能有一些严重影响。提前致谢。
最佳答案
v-model
就是 syntax sugar for ...:value="modelValue"@input="modelValue = $event.target.value"
正如你所说,它更新了模型oninput ,大多数情况下效果很好。
如果您想要其他东西,这很容易做到。只需将更新端更改为 onkeypress,所以...
<input class="form-control
:value="datum.score"
@keypress="datum.score = $event.target.value""
@input="datum.score = $event.target.value""
>
当您将数据点从数组更改为对象时,您注意到的变化可能是由于 Vue cannot detect changes made in an array using array syntax (方括号)。您需要使用数组方法(push、pop、splice 等)或 Vue.set()。就像你说的,这不直观,但它是 Vue 中为数不多的陷阱之一。这是由于 javascript 的限制,并且在文档中有很好的介绍。
关于vue.js - 为什么 Vuejs 在输入失去焦点之前不更新模型,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48855281/
可不可以命名为MVVM模型?因为View通过查看模型数据。 View 是否应该只与 ViewModelData 交互?我确实在某处读到正确的 MVVM 模型应该在 ViewModel 而不是 Mode
我正在阅读有关设计模式的文章,虽然作者们都认为观察者模式很酷,但在设计方面,每个人都在谈论 MVC。 我有点困惑,MVC 图不是循环的,代码流具有闭合拓扑不是很自然吗?为什么没有人谈论这种模式: mo
我正在开发一个 Sticky Notes 项目并在 WPF 中做 UI,显然将 MVVM 作为我的架构设计选择。我正在重新考虑我的模型、 View 和 View 模型应该是什么。 我有一个名为 Not
不要混淆:How can I convert List to Hashtable in C#? 我有一个模型列表,我想将它们组织成一个哈希表,以枚举作为键,模型列表(具有枚举的值)作为值。 publi
我只是花了一些时间阅读这些术语(我不经常使用它们,因为我们没有任何 MVC 应用程序,我通常只说“模型”),但我觉得根据上下文,这些意味着不同的东西: 实体 这很简单,它是数据库中的一行: 2) In
我想知道你们中是否有人知道一些很好的教程来解释大型应用程序的 MVVM。我发现关于 MVVM 的每个教程都只是基础知识解释(如何实现模型、 View 模型和 View ),但我对在应用程序页面之间传递
我想realm.delete() 我的 Realm 中除了一个模型之外的所有模型。有什么办法可以不列出所有这些吗? 也许是一种遍历 Realm 中当前存在的所有类型的方法? 最佳答案 您可以从您的 R
我正在尝试使用 alias 指令模拟一个 Eloquent 模型,如下所示: $transporter = \Mockery::mock('alias:' . Transporter::class)
我正在使用 stargazer 创建我的 plm 汇总表。 library(plm) library(pglm) data("Unions", package = "pglm") anb1 <- pl
我读了几篇与 ASP.NET 分层架构相关的文章和问题,但是读得太多后我有点困惑。 UI 层是在 ASP.NET MVC 中开发的,对于数据访问,我在项目中使用 EF。 我想通过一个例子来描述我的问题
我收到此消息错误: Inceptionv3.mlmodel: unable to read document 我下载了最新版本的 xcode。 9.4 版测试版 (9Q1004a) 最佳答案 您没有
(同样,一个 MVC 验证问题。我知道,我知道......) 我想使用 AutoMapper ( http://automapper.codeplex.com/ ) 来验证我的创建 View 中不在我
需要澄清一件事,现在我正在处理一个流程,其中我有两个 View 模型,一个依赖于另一个 View 模型,为了处理这件事,我尝试在我的基本 Activity 中注入(inject)两个 View 模型,
如果 WPF MVVM 应该没有代码,为什么在使用 ICommand 时,是否需要在 Window.xaml.cs 代码中实例化 DataContext 属性?我已经并排观看并关注了 YouTube
当我第一次听说 ASP.NET MVC 时,我认为这意味着应用程序由三个部分组成:模型、 View 和 Controller 。 然后我读到 NerdDinner并学习了存储库和 View 模型的方法
Platform : ubuntu 16.04 Python version: 3.5.2 mmdnn version : 0.2.5 Source framework with version :
我正在学习本教程:https://www.raywenderlich.com/160728/object-oriented-programming-swift ...并尝试对代码进行一些个人调整,看看
我正试图围绕 AngularJS。我很喜欢它,但一个核心概念似乎在逃避我——模型在哪里? 例如,如果我有一个显示多个交易列表的应用程序。一个列表向服务器查询匹配某些条件的分页事务集,另一个列表使用不同
我在为某个应用程序找出最佳方法时遇到了麻烦。我不太习惯取代旧 TLA(三层架构)的新架构,所以这就是我的来源。 在为我的应用程序(POCO 类,对吧??)设计模型和 DAL 时,我有以下疑问: 我的模
我有两个模型:Person 和 Department。每个人可以在一个部门工作。部门可以由多人管理。我不确定如何在 Django 模型中构建这种关系。 这是我不成功的尝试之一 [models.py]:
我是一名优秀的程序员,十分优秀!