问题标签 [vue-material]

我正在使用 Vue Material Tabs https://vuematerial.github.io/#/components/tabs，我想知道是否有办法使用标签实现 Vue Router。

使用命名视图我可以在每个选项卡中显示不同的路由器视图，但我想知道如何在每个活动选项卡中获取不同的路由。

示例：
单击选项卡 1 有路由“/”
单击选项卡 2 有路由“/user”

在浏览器中，如果我转到“/user”路线，我希望它显示用他们的路线视图激活的 Tab #2，如果我写主路线“/”，我希望它显示 Tab 1# 及其内容.

本周我开始使用Vue.js和VueMaterial 。这对我来说真的很有趣而且是全新的，因为我多年没有使用 Javascript（原生Android是我的一杯茶）。

我目前遇到一个非常奇怪的问题，我想说这与我对框架生命周期缺乏了解有关。

问题

1. 我第一次在 Chrome 中手动加载/刷新项目时，由于某种原因无法加载 VueMaterial 组件，我收到以下消息：

   未知的自定义元素：md-toolbar - 您是否正确注册了组件？对于递归组件，请确保提供“名称”选项。

我在项目中使用的每个 VueMaterial 组件（md-whiteframe、md-input-container 等）都会收到此消息。

结果如下所示：

2. 现在，如果我通过提供另一个组件（例如 Home）的路径来专门更改 chrome 中的 URL，那么某些组件会正确显示（由于某种原因，工具栏除外）。

3. 我返回（使用 Chrome），并登陆第一个组件，除了现在，一切都正确显示，除了工具栏（见下文）。

在某些情况下（非常罕见且完全随机），工具栏会正确显示。

语境

我通过 npm 安装了 vue-cli 并使用 webpack 模板构建了脚手架，然后也使用 npm 安装了 VueMaterial。

代码

下面是一些代码。

main.js

应用程序.vue

Toolbar.vue（自定义组件）

登录.vue

路由器.js

--

再说一次，Web 开发不是我的事，我听说过很多关于 Vue.js 的好消息，所以我想尝试一下。但是很抱歉，如果我遗漏了一些非常明显的东西。

我真的无法接受这样一个事实，即它第一次没有工作，但当我回去时工作正常......

PS：路由器链接（在 Login.vue 中）也不起作用，当我点击按钮时没有任何反应，但我想这是一个不同的问题。

有人知道吗？对上面发布的代码的一般反馈非常受欢迎，因此我可以改进它。

该代码可在GitHub上找到，如果有帮助的话。

非常感谢！

WebStorm 仅<md-list-item>识别来自 VueMaterial 的 HTML 标签，其余的未在弹出窗口中列出，使用它们后我收到未知的 HTML 标签警告。

我的 main.js 看起来像这样：

我正在使用 WebStorm v2017.1.3

我有这个 Vue Material (Vue.js) 标签，带有函数

单击后，我正在尝试在 DOM 上添加一些文本，有人可以向我推荐一些 Vue js 文档来检查信息吗

任何类型的文档来禁用 md 按钮的效果？Vue材质

谢谢

当我在普通 html 标签上使用 vue 表单时<input>，验证正在工作。当我<md-input>改用验证不起作用时，我收到以下错误：

未找到具有 v-model 的元素

工作示例<input>

不工作的例子<md-input>

我试图只选中一个复选框，但是当我选中它时，其余的也会被选中。为什么会这样？有任何关于此的文档吗？

我在我的 VueJS 2 站点上使用Vue-material，它在我的笔记本电脑上看起来与预期的一样。当我缩小屏幕时，它会做出相应的响应。但是，当我模拟智能手机或在智能手机上打开网站时，它看起来就像是计算机布局的“缩小”版本。

我可能在这里遗漏了一些基本的东西，但我不确定它是什么。

缩小浏览器窗口中的站点：

智能手机上的网站：

我从 Vue 开始，我在显示材质组件的 CSS 时遇到了一点问题。即使它们出现在最终呈现的 html 中，它们也无法识别所有类。

这是我的 main.js

这是我的 app.vue

我正在使用早午餐在服务器上呈现它。谢谢你的时间！

编辑：我会留下一个图像来显示它的显示方式

编辑 2：我尝试在不同的地方添加 CSS。首先在 main.js 但控制台显示此错误：Uncaught Error: Cannot find module 'vue-material/dist/vue-material.css' from 'main.js'

这会在我的 vendor.css 上添加所有 .css，但不起作用然后我尝试在此处添加一个 cdn：index.static.jade

我也尝试在此处添加 vendor.css 及其所有内容，但仍然无法正常工作

我对使用 Vue Material 的 Onboarding 组件非常陌生。我希望将其用作照片的旋转木马。我正在尝试在我的项目中实施，但看起来有点乱。有人知道官方网站上的一些文档吗？

谢谢

所有 Lorem P 标签都显示在同一张幻灯片上（编号 1），其他 3 个显示为空。