vue-select在Vue.js中的布局问题

Question

当我在POC项目中测试vue-select时，它工作得很好，参见下面的屏幕截图：

​

然而，当我在我的实际项目中使用vue-select时，它是混乱的，见下面的屏幕，有没有人有类似的问题，如何解决它？

​

​

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

​

谢谢乔治

Answer 1

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

或者，请参阅Vue Select docs how to include其默认CSS：

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

import 'vue-select/dist/vue-select.css';

或者，您可以导入scss以完全控制组件样式：

@import "vue-select/src/scss/vue-select.scss";