请参阅the azure link for the built code和github link for the source code . 为了解释这个场景，我有一个来自Quasar Framework的q-datatable . 由于我有嵌套数据，因此我将可折叠for循环中的主数据和可折叠内容中的辅助数据填充为数据表 . 该页面还具有编辑/查看模式，在右侧的过滤器下方切换 . 我已经格式化了数据表的列，以便在编辑模式下显示q-input，而在查看模式下只显示文本 . 请执行以下操作以重现错误 . 步骤5及以后是产生意外行为的步骤 .
-
展开the link(open in new window manually)处的其中一行 .
-
切换可在过滤器下方找到的编辑/视图切换 .
-
尝试编辑任何行 . Observed Result ：值在离开焦点时保留在文本框中，在页面模式更改回查看模式时也会在标签中保留 .
-
单击行 Headers 下方的“添加”按钮添加新行 .
-
尝试键入新添加的行中的任何文本框，然后移动到ext文本框 . Observed Result ：当更改为“查看模式”时，值不会保留在文本框中，也不会在标签中显示 .
-
将模式更改回“查看模式”，然后返回“编辑模式” . Observed Result ：值在编辑模式下显示在文本框中，但在视图模式下不显示 .
-
添加新行 . Observed Result ：现在，以前添加的行值在编辑和查看模式下都会显示 .
1 回答
问题出在AddRow方法中 . 文档中指出，vue只能跟踪具有已定义属性的对象的更改 . 在AddRow方法中，我向模型添加了一个空数据对象 . 添加具有空值的属性可修复此问题 .