问题标签 [vue-material]

vue-material中没有关于这些类的文档。这些类来自哪里，它们与 vuelidate 有什么关系？我正在尝试编写客户端验证。上面链接中的表单验证示例也不起作用。

目前 vue-material 处于 1.0 的 beta 版本中。vue-material 1.0 GA 发布的时间表是什么？

我创建了一个 vuejs 应用程序，我正在使用谷歌的材料设计

我正在尝试找到一种更改背景颜色的方法。

如果您添加以下内容，我会阅读

但不知道如何将其添加到抽屉中以更改背景。有任何想法吗？

我有这支笔来证明我的问题。

https://codepen.io/sfyrious/pen/zWarZa

对我来说，vue-material 上的 1.0.0-beta-8 似乎坏了。

-- 单独的js文件

第一个表根本不会渲染，但第二个表渲染得很好。任何想法？什么可能导致麻烦？我试图删除任何可能破坏它的东西。在这里的帮助将不胜感激。

我想为我的应用程序使用 vue 材料，我已经在我的应用程序中安装了 vue-material，并在我的 main.js 中执行此操作：

但是，当我在我的索引页面中使用 vue-material 中的某些组件时，如下所示：

我的页面显示：

当我访问 codepen 中的示例表单输入时，表单输入应该是这样的：

我的代码有什么问题？

我想创建自己的 CustomMdInput，并进行基本验证。我想实现一个以这种方式工作的输入：

我使用 a <fp-input v-model="test"></fp-input>，并且重要的是，当需要此输入时，当有人单击它或键入某些内容（变为“触摸”或“脏”属性）时，然后散焦此输入并转到另一个输入，即前一个在所有验证中保持无效，所以我有这样的事情：

但我不知道如何检查此输入是脏还是已触摸，以及如何设置此输入的有效性以在提交后检查 isFormValid

Beginner question here :) I would like to create a stepper with 5 tabs, where you can't navigate to step 3 if you haven't completed step 2 (or step 4 if you haven't completed step 3, etc). If he's in step 4 and wants to come back to step 2, then all the other steps must be deactivated as well.

Also, how can I bind the steps to a specific route instead of putting the content iniside the md-step tags.

Hope my question is clear. Thanks in advance.

When I create a stepper with vue-material, it automatically adds a class called md-steppers-navigation that adds a box-shadow to each. I would like to remove that, do you know how should I proceed?

我在 Vue2 中有一个简单的列表组件，可以添加/删除项目。我的问题是，当我从常规 HTML 元素切换到 material-ui ( https://vuematerial.io/ ) 时，我的输入清除功能坏了。

这是它的样子：

对于常规的 HTML 元素，我只是通过 ID（从我的组件脚本的方法中）定位元素并为其分配一个空字符串以清除它，如下所示：

我找到了解决方案，我将在下面回答，但我的问题是：如何在使用 material-ui 元素时清除该字段？还有一个我自己还没有完全回答的问题：它为什么会坏掉？

我通过将以下内容添加到我的 index.js 文件中来使用 Vue Material default-dark 主题...

这很好用，但现在我想更改主题的颜色。为此，我在模板中添加了以下内容...

并在 Viewport.scss 中（根据文档）...

但是当我构建颜色时，颜色并没有像我预期的那样改变。我看到该元素被标记为主要元素，但它仍然显示为蓝色。

我错过了什么？

我有一个分为 5 个组件的表单，用户可以通过步进器浏览它们（我的项目使用 vue-material）。我为此使用 vue-router。但是，我在这里遇到了一个严重的问题：当组件返回到它们已经填充的路线时，它们会丢失存储中的所有信息（我正在使用 vuex）。所以说清楚：如果用户填写表单的第一步然后进入第二步，当他想回到第一步时，数据不再可用并且表单完全为空（并且 vuex 中的状态是也重置）。我究竟做错了什么？

这是html代码

我使用的输入之一的示例：

更多信息：当我填充不同的输入时，我看到存储已使用新值进行了更新，因此突变正在起作用。