【问题标题】:bootstrap vue dropdown no stylingbootstrap vue 下拉菜单没有样式
【发布时间】:2021-09-17 09:44:05
【问题描述】:

查看文档

https://bootstrap-vue.org/docs/components/dropdown#button-content

我做了一个使用b-dropdown的例子:

https://codesandbox.io/s/6lhk6?file=/src/components/GenericItem.vue

但在组件中,

<template>
     <div>
      <b-dropdown id="dropdown-1" text="Item or Category" class="m-md-2">
        <b-dropdown-item>Edit Name</b-dropdown-item>
        <b-dropdown-item>Delete</b-dropdown-item>
      </b-dropdown>
    </div>
</template>

呈现为:

为什么不应用样式?

【问题讨论】:

    标签: javascript css vue.js vuejs2 bootstrap-vue


    【解决方案1】:

    没有关于引导程序被导入的警告真是太好了;

    通过添加修复:

    import "bootstrap/dist/css/bootstrap.css";
    import "bootstrap-vue/dist/bootstrap-vue.css";
    

    main.js

    import Vue from "vue";
    import App from "./App.vue";
    import "bootstrap/dist/css/bootstrap.css";
    import "bootstrap-vue/dist/bootstrap-vue.css";
    
    Vue.config.productionTip = false;
    
    
    new Vue({
      render: h => h(App)
    }).$mount("#app");
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2019-10-14
      • 2020-12-01
      • 2021-11-24
      • 1970-01-01
      • 2021-06-20
      • 1970-01-01
      • 1970-01-01
      • 2014-04-25
      相关资源
      最近更新 更多