问题标签 [vue-material]

我想在导航栏中正确对齐我的产品和支持链接。您如何整体对齐vue.js项目导航栏中的链接？

这就是现在的样子

这是代码。

如何在不影响其他选项卡的情况下减小我的 levi 链接的宽度？

我想要这样做的原因是，当我单击 levi 和其余链接之间的空间时，它会转到连接到 levi 链接的页面。levi 链接的宽度太宽。我该如何减少它？

在下图中，Levi 跨越了导航栏的大部分区域。我想减少它。

调整预览的宽度，看看css声明的效果

这是 HTML

这是CSS

我正在使用 vue-material Dialog 来显示一个表单，我已经这样做了：

LeftSidenav.vue - 模板：

LeftSidenav.vue - 脚本：

FormDialog.vue：

问题出在我的 FormDialog 我不知道如何访问 closeFormDialog 方法，如何通过单击 FormDialog.vue 上的取消按钮来关闭我的对话框？

当我向页脚添加更多链接时，布局会扩展，并且每列的列表集会错位。

我想确保为每一列设置的每个列表在同一行中水平对齐。例如每列的标题在同一行

列维 | 使用列维 | 合法的

下图我的列标题未对齐！:(。我将如何正确对齐它们，以便当我向列表中添加更多内容时，每列中内容的对齐方式保持不变。

这是我希望我的页脚看起来如何的示例。

这是我现在的jsfiddle

这是我的 HTML：

我想添加一个覆盖整个页面的背景图像。然而，这就是它现在的样子：

我希望它跨越整个网页。这将如何在 vue.js 中完成？

我还想要一个动画工具栏，这样当页面不滚动时，工具栏是透明的，并且看起来像背景图像。当它滚动时，工具栏将具有当前的蓝色

这是我的小提琴

vue.js 项目

这是 HTML

这是CSS

这是用于渲染背景的 css 语法。

我想用vue-material创建一个登录页面。我有来自这里的表单库。我在服务器端使用 laravel 5.4。

我的模板：

我的问题：

1. 如何设置表单使用 POST 而不是 GET？

2. 如何设置应发送输入字段值？

我在 Django 中有一个文本字段，我正在使用 Django-admin 维护它需要保留空白。结果，我将它包装在一个<pre> </pre>标签中，以便在使用vueJSand渲染时执行此操作vue-material。

使用此方法时似乎保留了空格，并且在descrip手动查看我的模型字段时，python manage.py shell空格确实存储在我的数据库中。

但是，由于某种原因，在呈现时，我的 HTML 的开头和结尾都有一个神秘的前导空白选项卡，如下所示：

并显示在此处的 HTML 中：

代码片段：

相关的html和css

这可能是一个postgres问题吗？object.descrip如果是这样，为什么在 python shell 中查看时不会出现空格？

我正在使用postgres, vuejs, djangov 1.10，如果python 3.5有vue-material任何/所有这些有帮助的话。

我第一次尝试使用 Vue-Material，当我尝试更改默认主题的背景颜色时，它根本不会改变颜色，并且背景颜色总是变成白色。我正在执行以下操作：

我也尝试过，如 Vue-Material 文档中所示：

怎么了？

我目前正在开发一个使用vue.js和vue-material的网页。我做了一个类似的菜单。

我的目标是，其中一个菜单项将用户重定向到另一个页面。我试过作为官方文档说：

但是我收到了一条 vue-warn 消息：

我尝试了所有版本：$router.push('/company');, router.push('/company');，this.router.push('/company');但仍然无法正常工作。

另一方面，我尝试将md-list-itemwithrouter-link标签包围，但效果不佳。

如何定义路由内联（在该@click部分中）？

感谢您提前回复！

更新：

我的vue-route配置app.js：

但问题是一样的......如果我试着打电话给这个。$router.push('/company')我遇到了同样的错误：TypeError: this.$router is undefined

我在我的 vue 项目（webpack、热重载、babel 等）中使用http://vuematerial.io/#/getting-started 。

我已经导入了这个库（通过 npm）并将它包含在 main.js 文件中，但是我在我的项目中没有看到任何变化。浏览器不渲染它。

我究竟做错了什么？

主.js：

应用程序.vue：