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

问题描述

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

但是，当我在实际项目中使用vue-select时，它很混乱，请参见下面的屏幕，是否有人遇到类似的问题以及如何解决它？

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

谢谢 乔治

解决方法

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

或者，请参见Vue Select docs 如何包括其默认CSS：

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

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

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

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