问题标签 [vue-material]

当屏幕小于768px时如何保证。文本和图像将相互堆叠。

具有包含内容和图像的 md-column 属性的 md-layout 是在屏幕缩小到平板电脑、移动设备和必要时超小屏幕时扩展整个页面。

我如何提交一个 vue 材料步进器？我尝试md-stepper用如下标签包装标签form：

但它不工作

所以我的问题是我如何使用“完成”按钮作为提交按钮，或者提交该表单的正确方法是什么。

谢谢！

我想使用 vue 材质框架创建一个固定到导航栏。我怎么做？

我从这个大纲开始，但无论我做什么，我似乎都无法修复它。

如何在 DOM 和列之间创建空间，我的文本太靠近 DOM 端。

我想确保每列中的内容在达到特定屏幕尺寸时堆叠，例如 768px

在下面的 md 布局中，我添加了一个id = "responsive"来引用元素。

然后我添加了以下媒体查询

但它不起作用

它压扁并溢出

我发现我发现 Vue.js 非常令人困惑甚至令人沮丧：我有一个带有 WebPack 的 Node.JS 项目，其中包含 HTML、JS 和 CSS 文件（参见下面的代码）。当我尝试按所写的方式执行 JS 时，它可以工作。但是，据我了解，它有一个缺陷，即Vue.material.setCurrentTheme('orange');JS 行将主题设置为全局，这是不可取的。

为了解决这个问题，我想我可以删除上面的 JS 行并为 HTML 中md-theme="orange"的元素添加一个属性。<md-toolbar>

这导致主题根本没有被应用，以及浏览器 JS 控制台中看起来很无辜的警告：The theme 'orange' doesn't exists. You need to register it first in order to use. 我发现这基本上意味着 JS 加载得太晚了，因此当<md-toolbar>元素加载时，主题是尚未定义。

好吧，很公平，所以我更改了$(document).ready(function () { ... });JS 块以删除等待文档准备就绪的情况，以便只var App = ...保留 和主题注册，并位于 JavaScript 文件的顶层。现在我在浏览器 JS 控制台中遇到一个硬错误：client.gen.js:16329 [Vue warn]: Cannot find element: #AvApp

我对此有两个问题：

1. 我该如何解决？到目前为止，文档没有帮助。

2. 为什么 Vue.JS 被定义为需要这样的循环依赖，至少在使用 WebPack 时是这样？这完全没有任何意义。事实上，这似乎具有负面价值，因为它正在积极地阻止我完成工作而不是帮助我。

HTML：

JS：

CSS：

我正在尝试使用 vue-material 框架创建一个四行布局，每行包含两列。

布局应该是响应式的

当视口大小等于或小于 600 像素时，列应相互堆叠。

列应该有这样的正常布局：

未堆叠时的图像。

当我减小屏幕尺寸时，此内容不会堆叠。

使用vue材质的代码

这是代码 | HTML

这是代码 | CSS

我想在我的导航栏中左对齐以下项目：服务、支持和登录。

这是代码：

上图是现在的样子。我想左对齐除列维项目之外的所有内容。

我正在尝试使用 vue-material stepper 制作多步表单，并且我想检查输入有效性以允许继续操作。我在文档中看到我可以在 md-continue 中禁用带有布尔值的“继续”按钮，如下所示：

但是如果所有输入都正确，我想检查每个输入更改，然后在 md-continue 中返回 true。有没有办法通过检查输入有效性的方法来改变 md-continue ？谢谢

编辑（对菲尔的回答）：

我用 vue-material stepper 制作了一个多步表单：

问题是当我验证步骤 1 然后我返回时，所有输入都是空的，当我改变步骤时如何保留输入值？谢谢