【发布时间】:2017-11-13 20:05:20
【问题描述】:
请参考the azure link for the built code 和github link for the source code。为了解释这个场景,我有一个来自 Quasar Framework 的 q-datatable。由于我有嵌套数据,因此我将主要数据填充到可折叠的循环中,并将辅助数据填充为可折叠的内容作为数据表。该页面还具有一个编辑/查看模式,就在右侧过滤器的下方。我已将数据表的列格式化为在 编辑模式 中显示 q-input,而在 查看模式 中仅显示文本。请执行以下操作以重现错误。步骤 5 及以后是产生意外行为的步骤。
- 在the link(open in new window manually) 处展开其中一行。
- 切换位于过滤器下方的“编辑/查看”切换开关。
- 尝试编辑任何行。 观察到的结果:这些值会在离开焦点时保留在文本框中,当页面模式更改回查看模式时也会保留在标签中。
- 点击行标题下方的“添加”按钮添加新行。
- 尝试在新添加的行中的任何文本框中键入内容,然后移至 ext 文本框。 观察到的结果:当更改为查看模式时,这些值不会保留在文本框中,也不会显示在标签中。
- 将模式更改回查看模式,然后返回编辑模式。 观察到的结果:值在编辑模式下显示在文本框中,但在查看模式下不显示。
- 添加新行。 观察到的结果:现在,之前添加的行值同时显示在编辑和查看模式中。
【问题讨论】:
-
我快速浏览了一下,可以看到标签和输入是否根据编辑模式显示不同的变量 - 这就是数据在切换时发生变化的原因。除此之外,我认为您将不得不提供一个较小的示例供我们查看,而不是将您的整个项目交给我们进行调试。
-
好的。将尝试制作一个 jsfiddle,尽管 github 中的项目只是一个组件。标签和输入实际上显示相同的变量,输入被绑定到绑定到行的数据模型的实际值,而标签只是绑定到行中的相同变量。
-
没关系,我找到了问题