vue.js中vue select的布局问题

当我在POC项目中测试vue select时，它运行良好，请参见下面的屏幕截图：

然而，当我在实际项目中使用vue select时，它是无序的，请参见下面的屏幕，是否有任何人有类似的问题以及如何修复它

在@import“vue select/src/scss/vue select.scss”之后；

谢谢

---

George

您当然意识到没有CSS应用于标记，因此需要应用一些CSS

或者，请参阅 如何包含其默认CSS：

组件本身不包含任何CSS。您需要单独包含它：

import'vue select/dist/vue select.css'；

或者，可以导入SCS以完全控制零部件样式：

@import“vue-select/src/scss/vue-select.scss”；

谢谢Shaya。我肯定包含了“import'vue-select/dist/vue-select.css'；”，但它不起作用。但是我喜欢尝试使用@import“vue select/src/scss/vue select.scss”；如何使用它。我是否需要在资产文件夹下创建单独的scss文件？感谢GeorgeHi Shaya，我现有的项目已经有css了，我可以同时拥有css和scss吗？@user1456650，您在哪个文件中包含了

import'vue select/dist/vue select.css'？你好，Shaya，我在nain.jsI中包含了导入“vue select/dist/vue select.css”的功能，它与POC项目中的功能相同，POC运行良好。