我想创建一个按钮，单击后将更改 md-card 的颜色。我不确定我应该怎么做。我知道这里应该是变量，点击后从 false 变为 true，然后执行一些函数，但不知道里面应该是什么。

如果我有以下标记：

它工作得很好。但是，如果我将其更改为：

（注意md-tooltip标签）。.. 它以无限渲染循环结束，由以下 javascript 错误指示：

[Vue 警告]：您可能在组件渲染函数中有无限更新循环。在发现 ..

这个错误大约每秒记录一次，导致我的 CPU 融化。为什么会这样？我以前从未遇到过这个问题，我不明白它为什么会发生以及如何解决它。

编辑 1：我为此打开了一个Github 问题

编辑 2：这是完整的堆栈跟踪：

vue.esm.js?efeb:578 [Vue 警告]：您可能在组件渲染函数中有无限更新循环。

在发现

---> 在 src\components\ArtistReleasesList\ArtistReleasesList.vue 在 src\components\SubContentHub\SubContentHub.vue 在 src\components\ArtistDetailsPage\ArtistDetailsPage.vue 在 src/components/MdContent/MdContent.vue 在 src/components/MdApp /MdAppContent.vue 在 src/components/MdApp/MdAppInternalDrawer.vue 在 src\components\AuthenticatedPage\AuthenticatedPage.vue 在 src\components\App\App.vue

编辑 3 ：我在codesandbox.io上发布了一个简约项目。当心！这将耗尽您的 CPU，并可能使您的浏览器不负责任。如果您不能再关闭浏览器选项卡，您可以杀死消耗最多 CPU 功率和内存的浏览器进程来结束它。

我试图找出在表中呈现子行的最佳方法。

我正在开发本质上是桌子+手风琴的东西。也就是说，当您单击该表以显示该条目的更多详细信息时，该表会添加更多行。

我的表位于 Researcher Groups 组件中，该组件有一个子组件：“app-researcher-group-entry (ResearcherGroupEntry)。

我正在使用 Vue-Material，但如果我使用普通的 .

无论如何，我的结构有点像：

在 ResearcherGroupEntry.vue 中：

这就是问题所在。我希望能够从我们的模型中扩展这样的客户端：

如果我可以将另一个添加到 ResearcherGroupEntry 组件中，这将非常容易。不幸的是，用 div 或 span 标签包装在这里不起作用（它弄乱了表格）。

如果我没有使用 Vue Material，我可能会考虑为这个组件使用 JSX，因为这样我就可以简单地在父级中使用 .map 来基于两个变量创建一个组件数组。我可能仍然可以使用 v-for 指令来做到这一点，但我不确定。我可能需要做的是从道具创建一个疯狂的伪数组，合并父母和孩子，但那是UUUUUGLY代码。

我使用 vu-material 制作了一个对话框，一切正常，但我在对话框中有一个表单，每次打开对话框时我都想清理它，问题是如果我不更改页面，我的所有 v-model在对话框内部保留我在关闭对话框之前拥有的数据。我尝试使用 created/mounted/updated 挂钩来清理我的 v-model，但是当我不更改页面时，这些挂钩不会被触发。

这是我的代码的一部分：

工具栏导航.vue：

上传对话框.vue：

有什么想法吗？谢谢

我想用类名 .md-table-cell-container 更改子 div md-table-cell 的填充样式

我尝试：

但没有成功。有人能帮我吗？

下面是我的App.vue文件代码，我遇到了更改 md-tabs 中字体的问题，来自https://vuematerial.io/components/tabs的组件。CSS中的行：

有效，但这不

应用程序.vue：

在 Vue Material Table 组件中，有一个关于单选的解释，在 codepen 中不起作用https://vuematerial.io/components/table（滚动到单选）。我想要确保要呈现的列表来自 API 的工作示例。

我有以下...

页眉.vue

应用程序.vue

这很好用，所以我想将它转换为使用 Vue Material，所以我将 app.vue 更改为这个......

它似乎是创建和渲染 Vue 材质组件，但是，自定义组件并没有出现在任何地方。如何让 Vue 组件在 md-app 中实际呈现

更新

由于存在一些混淆，我创建了一个名为 Vue.use 的 Vue 应用程序（因此它呈现的原因）

我在我的应用程序中使用 vue.js、vue-router 和 vue-material。我有一个搜索栏，您可以在其中对艺术家、发行和唱片进行全局搜索。这看起来有点像这样：

结果 div 当前仅在输入表单具有焦点时显示。我在css中这样做：

这在所有其他组件之前的绝对位置显示/隐藏结果范围。

我现在遇到的问题是，当我单击其中一个结果条目时，它什么也不做。

显示的结果项是类型的md-list-item，并为 vue-router 定义了一个:to属性，以执行单击时的站点导航。

我认为它什么都不做，因为“点击”（动作）实际上从未在列表项本身上执行，而是在它后面的组件（主体）上执行。我认为这是因为:focus选择器在项目上触发 onclick 事件之前更改了视图状态（隐藏了结果范围）。

有没有办法延迟从:focus正常的切换？我试图将 css 属性transition-delay放在.search-field课堂上，但这并没有让我走得太远。

编辑 1

我发现了一个类似的问题，但无法将解决方案移植到我的标记中；它看起来像这样：

我相应地更改了 css 以使用属性visibility而不是display添加transition: visibility 0.2s到.result-span类中 - 这不起作用。

我使用 vue-cli 创建了 vue 应用程序并添加了 vue-material 1.0 beta 依赖项。我使用 vue-material 创建了一个简单的表单。它在新的移动或桌面浏览器上运行良好，但在 ipad 4 浏览器（包括 safari 和 chrome）上失败。我从 ipad 4 上的 safari 收到此错误，页面为空白：

TypeError：Object.values 不是函数。（在 'Object.values(MdComponents)' 中，'Object.values' 未定义）

我尝试为 Object.values 添加 polyfill，但没有任何区别。