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

Question

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

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

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

谢谢乔治

Answer 1

你当然意识到标记没有应用 CSS，所以你需要应用一些 cuatom CSS。

或者，请参阅Vue Select 文档 如何包含其默认 CSS：

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

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

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

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