【问题标题】:Layout Issue of vue-select in Vue.jsVue.js 中 vue-select 的布局问题
【发布时间】:2020-11-05 18:57:10
【问题描述】:

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

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

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

谢谢 乔治

【问题讨论】:

    标签: vue.js vue-select


    【解决方案1】:

    你当然知道标记没有应用 CSS,所以你需要应用一些 cuatom CSS。

    或者,请参阅Vue Select docs 如何包含他们的默认 CSS:

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

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

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

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

    【讨论】:

    • 谢谢莎娅。我肯定包括“ import 'vue-select/dist/vue-select.css';”但它不起作用。但是我喜欢尝试使用 @import "vue-select/src/scss/vue-select.scss";如何使用它。我需要在 assets 文件夹下创建一个单独的 scss 文件吗?谢谢乔治
    • 嗨,Shaya,我现有的项目已经有了 css,我可以同时拥有 css 和 scss 吗?
    • @user1456650,您在哪个文件中包含了import 'vue-select/dist/vue-select.css';
    • 嗨,Shaya,我在 nain.js 中包含 import "vue-select/dist/vue-select.css"
    • 我在POC项目中做了同样的事情,POC效果很好。
    猜你喜欢
    • 2018-12-01
    • 2021-06-07
    • 1970-01-01
    • 1970-01-01
    • 2020-03-27
    • 2018-12-30
    • 2010-10-04
    • 2011-06-09
    • 1970-01-01
    相关资源
    最近更新 更多