问题标签 [vue-material]

我在我的新项目中使用[md-tabs][1]from 。vue-material

我了解我们将@md-changed事件与js函数一起使用：

但是如何创建一个函数来触发 md-tab 更改？

有一个props md-active-tab说明：

设置当前选定的选项卡。通过提供所需 md-tab 的 id 来工作。

所以我有一个js功能按钮：

与以下内容currenttab绑定：

但是当我单击按钮时，该功能有效（正在显示console.log），但该选项卡没有转到分配的选项卡。

我该如何解决这个问题？

我试图让 vue-material 和 vee-validate 一起工作，但遇到了一些问题。请看这个小提琴

没有材料的基本示例可以正常工作，但材料设计却不行。

请指教。

我正在寻找一种触发MdAlternateHeader可见性的方法 - 或者可能重置其计数状态。

有问题的应用程序具有这种多选MdTable功能，我在其中每行实现了一个删除功能。但是在数据擦除时，备用标题仍将md-selected类设置为true（引用到已删除和先前选择的元素/行）。以及相关的计算道具（isInSelectedItems和isMultipleSelected）。

我怎样才能改变这些状态？我正在考虑在删除之前触发行上的“选择”或“点击”事件，但我在路上遗漏了一些东西。

在此先感谢您的帮助。

在我当前的项目中，我正在使用Vue Material开发单页应用程序。逻辑遵循趋势：一个单一的“容器”组件，我在其中根据路线移动当前视图。

在 Vue Material 网站上（在文档部分），我注意到在导航期间，页面以材料设计风格进行动画处理，正如设计模式所暗示的那样（带有“淡入淡出/上滑”过渡）。我在提到的文档中没有看到任何关于它的参考。

任何人都知道这些是必须临时实现的转换，就像其他典型的 Vue 应用程序一样，还是集成在 Vue Material 框架上但我的应用程序缺少一些实现（即使用 Vue Router 可能会导致某种错误）？目前在我的代码中没有<transition>标签，我使用的是材料组件，因为文档显示了它们。

提前感谢您的回答。

正如我在这里所说，我正在尝试获取远程数据来初始化MdTable组件，但该过程会引发null错误。从MySQL数据库中获取数据，这是Laravel 5.6 API 项目的一部分。

经过深入分析，我认为问题是由于组件本身在获取过程完成之前过早初始化引起的。因此，管理组件数据的模型结果为空，并且渲染崩溃。

我尝试了不同的方法：导航由Vue-Router管理，因此之前/之后的导航数据获取技术都经过了测试，结果是相同的。为了避免这个问题，使用来自父组件的 props 以及定义组件导航防护似乎是无用的。

我认为解决方案可能是在获取数据之前保持组件渲染。但我真的不明白怎么做。我也试过beforeCreate()/created()了，但没有一个有帮助。

我在这种情况下被困了很多天，非常感谢一些帮助或建议来尝试一个新的方向。

提前感谢您的帮助。

我正在使用 Vue 材料。它不支持在选项值内传递对象。

这是有关它的 Github 问题的链接，并提供了一些如何使其工作的建议。

我不能做的是将它实现到我的对象的结构中。

我想首先选择value2所有项目的选项。然后在第二个选择中，我想要所有values1selected value2。

这是我到目前为止所拥有的

我希望有人可以帮助我。

没有 Vue Material 的情况：

我只是绑定到所选对象的选项值。当@change on select reassign 在我的数据中类似于this.innerGroup = this.selectedGroup.value1然后循环this.innerGroupv-for

如何将具有字符串值的属性与布尔值同步？我想写这样的工作道具同步：

但是使用这个属性，它有一个字符串值：

并将其与布尔值同步，就像这样：

我是 Vue 的新手，所以请温柔一点！

我需要在用户键入时更改 vue-material md-input 框中的值（为了便于理解问题，假设我需要将所有字母大写）。

像使用 v-bind 或计算值这样的简单答案在 vue-material 中效果不佳：

部分是因为它不支持 vue-material 组件中的 v-bind，部分是因为虽然计算的值确实有效，但设置该值会触发新的 get 并且光标位置会转到字符串的末尾。

所以问题（我会回答，但如果其他人有更好的答案，我会很感激）是如何修改 vue-material 组件（如 md-input）中的值？

我目前正在使用vue材料。需要添加功能，当用户“专注”时，芯片会像角材料一样自动添加：https ://material.angular.io/components/chips/overview

在这里你可以测试它在 vue 材料中是如何工作的（用户必须按 enter 才能添加）

https://vuematerial.io/components/chips

vue 材料“insertChip”中有一个功能，但我不知道如何调用它，或者根本不可能？ https://github.com/vuematerial/vue-material/blob/dev/src/components/MdChips/MdChips.vue

预期的效果，但调用此函数的任何方式都会很好：

谢谢你的帮助。

我在使用时遇到问题md-buttons，md-select或者md-field在由 webpack 模板中的 vue CLI 创建的 vue 项目中。

我这里有一个 MWE 的情况，结合 vue-cli 模板，在每种类型的表单项上展示了来自 vue 材料网站的三个介绍示例。它看起来不是很好，但如果你运行它，它会分解如下：

1. 第一行是一组单选按钮；但是，按钮是不可见的（但是您可以单击它们，获得涟漪效果，并且 vue 记录了正确的值）
2. 接下来是一个选择框；但是，框的背景是透明的。
3. 最后有几个文本框；但是，轮廓似乎是透明的。

我可以通过插入样式块来解决选择框的问题

这将按md-select预期工作。我仍然决定将它包括在这里，因为它似乎与其他问题有关，并且可能有共同的起源。

不幸的是，我还没有想出如何解决其他问题或修改哪个属性来“修补”问题。因此，非常感谢任何帮助或指示。