0

我在使用时遇到问题md-buttonsmd-select或者md-field在由 webpack 模板中的 vue CLI 创建的 vue 项目中。

这里有一个 MWE 的情况,结合 vue-cli 模板,在每种类型的表单项上展示了来自 vue 材料网站的三个介绍示例。它看起来不是很好,但如果你运行它,它会分解如下:

  1. 第一行是一组单选按钮;但是,按钮是不可见的(但是您可以单击它们,获得涟漪效果,并且 vue 记录了正确的值) 单选按钮问题的图像
  2. 接下来是一个选择框;但是,框的背景是透明的。选择框问题
  3. 最后有几个文本框;但是,轮廓似乎是透明的。 文本框的问题

我可以通过插入样式块来解决选择框的问题

<style>
  .md-menu-content-container {
    background-color: white;
  }
</style>

这将按md-select预期工作。我仍然决定将它包括在这里,因为它似乎与其他问题有关,并且可能有共同的起源。

不幸的是,我还没有想出如何解决其他问题或修改哪个属性来“修补”问题。因此,非常感谢任何帮助或指示。

4

1 回答 1

1

似乎在使用最新版本时vue-material,必须显式加载默认模板。因此添加

import 'vue-material/dist/theme/default.css'

main.js文件vue-cli似乎可以解决这个问题。

于 2018-10-10T06:41:28.347 回答