q-field-no-input 被添加到字段答案

【问题标题】：q-field-no-input being added to fieldsq-field-no-input 被添加到字段
【发布时间】：2017-10-23 03:47:29
【问题描述】：

有谁知道为什么 q-field-no-input 类会被添加到我的字段中，即使里面有输入？这发生在我的所有页面中，并且正在创建一个奇怪的边距，破坏了格式。

我宁愿不覆盖 CSS，而只是找出为什么要添加该类。

【问题讨论】：

文档中q-field 组件的usage example 显示它与q-input 组件一起使用。你能仔细检查一下你使用的是它而不是普通的 HTML input 元素吗？如果您正在使用q-input 组件，这可能是Quasar 中的一个错误，在他们的问题跟踪器上create an issue 可能是个好主意。

【解决方案1】：

遇到了同样的问题。最新的 quasar 使用了 vue 2.5 的特性。只需升级到最新的 vuejs。我的 package.json 现在在依赖项中包含“vue”：“~2.5.2”，在 devDependencies 中包含“vue-template-compiler”：“~2.5.2”。它解决了我的问题。

【讨论】：

【解决方案2】：

更新到最新版本对我不起作用。不得不求助于禁用 .q-field-no-input 样式。

.q-field-with-error .q-field-no-input
  border-top 0
.q-field-no-input
  margin-top 0

这解决了这个问题（我确定我没有没有输入的字段，所以我不用担心禁用它）

【讨论】：