问题标签 [vue-material]

HTML 代码是

选项是：

有什么帮助吗？？

我们的案例是：

• Vue.js
• Vuex
• Vue路由器
• 单个文件组件

Vue Router repo 有 Nightwatch.js E2E 测试的示例，但没有单个文件组件的示例。

当我们尝试时，加载组件的测试结果，与

.assert.elementPresent

不一致的地方。我们测试了单击 arouter-link并寻找加载相应的单个文件组件 (SFC)。也就是说，当前组件在页面上被加载的组件替换。

我们的导航是通过一个Vue Material 抽屉 抽屉。但我们认为这不是一个基本要素。但我们在这里可能错了。

有人能够获得一致的加载此类组件的测试结果吗？

我正在尝试使用vue-material，但在文档中，它只说要在Pre-Processors上阅读，我在 pre-processors 页面上尝试了所有内容，但无法修复我的错误：

scss部分是：

错误是：

我正在尝试在我的 laravel v.5.5 项目中实现vue-materialapp.js ，我已经安装了该软件包，并且我正在将 js 部分导入到我的 sass 文件中的我的和 css 文件中，就像它在文档中所说的那样：

应用程序.js

应用程序.scss

我正在尝试实现vue-material 应用程序组件，只是为了在 vue 中对其进行测试example-component：

然后我在刀片视图中使用组件，如下所示：

我怎样才能解决这个问题？

但是，导航根本不固定，抽屉也不工作，我做错了什么？

我正在使用Vue Material构建多语言应用程序。如何声明要使用的中文字体？

应用程序.vue

App.vue 在本地加载 Material Design 字体。

材料图标.css

在这个文件的顶部，我添加了 Microsoft 和 MacOS 的默认/流行中文字体

没有使用中文字体

这是一个带有中文字体的示例元素

使用火狐开发工具检查元素显示没有应用中文字体

如何确保使用正确的中文字体？

参考：http ://www.kendraschaefer.com/2012/06/chinese-standard-web-fonts-the-ultimate-guide-to-css-font-family-declarations-for-web-design-in-simplified-中国人/

我正在尝试将 vue-material 样式应用于活动菜单选项；以下效果很好：

但是，我正在尝试使以下内容起作用，因为它将考虑所选主题颜色，但不会导致任何明显的变化：

它不会导致任何错误，但似乎根本不起作用 - 知道我可能做错了什么吗？谢谢！

我有一个带有提交按钮的登录表单。只要您按下按钮，就会发送 axios api 请求。在此请求期间，按钮应该被禁用，显示一个微调器。现在，我设法使用 vuex 相应地更新了状态。现在看起来像这样：

这里发生了什么？从normal->loading状态的转换工作得很好。但是，一旦 api 请求完成，从loading->转换回来会使布局混乱一秒钟左右，然后渲染引擎（不确定）重置布局并重新居中标签。normal

这是我的按钮模板：

知道如何解决这个问题吗？

所以我将 vue 与vue-material结合使用

我定义了以下快速拨号：

我怎样才能只在小屏幕上显示它？

我尝试将类添加md-xlarge-hide md-large-hide md-medium-hide到根md-speed-dial标记，但这不起作用，因为它被 .css 的组件 css 覆盖md-speed-dial。我还尝试使用提到的类将组件包装在 adiv中，但这根本不起作用。

我将 vue 与vue-material一起使用。

我目前正在布局我的 web 应用程序的主要结构，使用作为md-approotmd-[app-]drawer和.md-[app-]toolbarmd-[app-]content

如果我将这些组件直接放在md-app标签中，它们就可以工作。这看起来像这样：

但出于设计目的，我尝试将每个内部部分（在本例中为md-drawer标签）提取到自己的 vue 组件中。

问题

我Drawer现在有我的组件，它看起来像这样：

.. 我的md-app（在导入组件 ofc 之后）现在看起来像这样：

但这根本不会渲染抽屉。为什么是这样？Vue 是否额外包装了可能与 vue-material 的 css 混淆的组件？有没有办法绕过/解决这个问题？..还是我只是用错了方法？

加法（编辑 1）

经过一些实验后，我发现如果使用标签环绕MyDrawer标签，它可以工作md-[app-]content，但这不会导致我正在寻找的布局。

我想md-app是专门寻找这些组件，因为它不知道如何处理MyDrawer标签，所以它只是忽略它？虽然MyDrawer本质上是一个md-drawer标签/组件？

加法（编辑 2）

我一直在阅读DOM Template Parsing Caveats，我认为这应该可以工作，但我还没有成功。我刚刚声明了一个标签并从组件<md-drawer is="MyDrawer" />中删除了主包装标签md-drawerMyDrawer

我正在尝试更改名为 vue-material 的库中的某个文件，在 vue-material 的组件文件夹中有一堆文件夹，但我只是想更改一个文件（它来自该库的开发人员之一）这是我遇到的当前错误的修复。

问题是即使我用修复覆盖了文件，我的程序也不会受到它的影响，可能是因为它使用了 dist 文件夹中的构建文件。所以我的问题是如何在节点模块中构建文件？