问题标签 [vue-material]

我目前正在做一个项目，我使用vue.js和vue material和vue-router（每个的最新版本）。我不知道为什么，但是如果主内容高于屏幕高度，我不能向下滚动，浏览器中没有滚动，只是元素超出了屏幕。

例如：如果我制作了一个动态列表，如果我将 3 放入component列表中它们是可见的，但我放入 10component然后我可以看到 4-5，没有办法向下滚动。现在我发现如果我定义了列表的max-heightin css （包含列表元素的内容），那么会出现一个滚动，但在元素上，而不是在页面上。md-layoutcomponentcomponentmd-layout

为什么 vue.js 和/或 vue 材料会这样工作？

感谢您提前回复！

我在我的 Vue.js cli webpack 项目中尝试了多个不同的插件，但我都遇到了同样的问题，即一旦我包含了一个插件，我就无法使用它。

举个例子。我曾尝试在此链接上使用该插件。https://www.npmjs.com/package/vue-sessionstorage

这是我的 main.js 文件

我已经运行 npm install --save vue-sessionstorage

可以看到，我也导入了 VueSessionStorage

但是，当我尝试像这样使用它时

我得到错误

是否可以从Vue Materialmd-select的组件中删除下拉箭头？

ieto 以此为基础：

对此：

这是一个奇怪的问题，所以我希望这是有道理的。

我有一个登录表单，我正在尝试调整 vue 材质组件，它目前看起来像这样

提交代码简介

奇怪的行为是，当我单击输入标签时，除非我单击该字段的绝对左侧，否则它不会获得焦点并且我无法输入它。因此，如果您想象上面的占位符文本“输入电子邮件地址”，除非我右键单击“输入....”中的“e”，否则它不起作用！（或者如果我进入它，它会像预期的那样集中注意力）

基于该代码的任何想法？

登录表单样式并没有做任何疯狂的事情：

此外，如果有人可以建议如何自动聚焦第一个电子邮件字段，那就太好了 - vue 材料文档并没有说太多（据我发现）

我有一个需要更新的字段（列）的数据网格。完整的数据网格是一个对象数组：

要更新的字段也是一个对象数组

这是 Vue.js 表

绑定无法正常工作。设置自动完成值后，我想更新绑定模型，也就是上面数组的相关staff_name字段。shot

完整的 runnabale 代码在https://codepen.io/hanxue/pen/OOLYbv

环境

Vue：2.3.4 Vue 材质：0.7.4

更新 1

版主可以建议如何更好地提出这个问题，而不是投反对票吗？

更新 2

链接到正确的 codepen https://codepen.io/hanxue/pen/OOLYbv

我正在使用 Vue 和 Vue Material。这是我的应用程序的结构。

使用 this.$router.push 适用于我所有作为路由结果的视图。但是，我想在我的工具栏中有一个注销按钮，因此有一个功能

在我的 Toolbar.vue 中。当它碰到 router.push 时，它给了我一个 this.$router is undefined 错误。我错过了什么？谢谢你。

试图渲染md-drawer组件和md-content组件。但我无法克服这个错误。

[Vue warn]: Unknown custom element: <md-drawer> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

该组件有相同的错误消息<md-content>。

这是此代码。

应用程序.vue

main.js

您可能会说这段代码几乎是从vue-material docs直接复制和粘贴的。因此，我几乎可以肯定问题必须来自main.js，但我看不到它，也许其他人可以。

也欢迎任何关于我可能做的不正确的任何其他指示，或者任何关于 Vue 的一般情况！

我正在尝试将 vuejs 单文件组件与正常样式的组件（不确定它们叫什么）混合在一起，我已经为其开发了现有代码。

main.js

测试.vue

MyComponent.js 普通样式组件

索引.html

单文件组件和子单文件组件（此处未显示）显示正常。正常类型将显示为

在生成的 html 中。

我还尝试在 main.js 文件中导入 MyComponent。有任何想法吗？

我真的不想将所有现有组件转换为单个文件:(

所以我现在已经在一个 Vue.js 项目上工作了几次，我面临着一个我以前从未见过的问题。

尝试在另一台计算机上 git pull 项目，甚至将项目下载为 zip 文件，当它到时npm install，vue-material 模块失败，整个事情无法运行。

它是这样的，使用 vie-material ：

vue-material@1.0.0 postinstall C:\<my_things>\node_modules\vue-material sh build/git-hooks/install.sh

然后我看到这个：

/usr/bin/bash: build/git-hooks/install.sh: No such file or directory

然后模块树显示在终端中，最后，我可以看到与 vue-material 相关的所有错误，使用以下语句：

Tell the author that this fails on your system: sh build/git-hooks/install.sh

对了，我尝试新建一个Vue项目，并尝试在里面添加vue-material，没问题，所以和我的项目有关。

显然，/usr/bin/bash不存在，因为我运行的是 Windows 10。

关于 npm 安装程序的任何知识？我没有办法尝试...

所以 Vue-Material 文档 ( https://vuematerial.io/components/bottom-bar ) 说可以创建一个填充 md-bottom-bar-item 的 md-bottom-bar，同时能够制作 md- bottom-bar-item 就像一个<router-link>

他们的代码可以在“与 Vue 路由器的无缝集成”下面看到（这正是它的含义^^），我的代码如下所示：

这些是通知列表的选项卡，以及我的应用程序的设置页面。

当我点击一个项目时，我得到的错误实际上是这个（虽然我得到了 5 次，因为我的导航栏中有 5 个项目）：

顺便说一句，我得到了同样的错误@click='stuff'，与它无关......我猜......

是关于 Vue-Material@1.0.0（我正在使用的那个）处于测试阶段还是？感觉就像我正在做文档中显示的内容，我什至复制粘贴并更改了一些内容，以便它适合我的应用程序。

现在我只是做了一个goTo(path)方法，只是做this.$router.replace(path)，但底部栏与 Vue 的路由器不同步，具有md-sync-route属性，如下所示：

不是关键问题，但该死，为什么是 Vue.js，为什么？^^'

而且，真是个巨魔：