Vue.js 在 bootstrapvue 中渲染自定义样式

<div class="container">
  <b-dropdown id="dropdownMenuButton" text="Dropdown Button" no-caret class="custom-dropdown">
    <b-dropdown-item>First Action</b-dropdown-item>
    <b-dropdown-item>Second Action</b-dropdown-item>
    <b-dropdown-item>Third Action</b-dropdown-item>
    <b-dropdown-divider></b-dropdown-divider>
    <b-dropdown-item>Something else here...</b-dropdown-item>
    <b-dropdown-item disabled>Disabled action</b-dropdown-item>
  </b-dropdown>
</div>

<style scoped>
  #dropdownMenuButton > button {
    width: 100%;
  }

  #dropdownMenuButton__BV_toggle_ {
    width: 100%;
  }
</style>

<style>
  #dropdownMenuButton > button {
    width: 100%;
  }

  #dropdownMenuButton__BV_toggle_ {
    width: 100%;
  }
</style>

Vue.js相关问答推荐

VueJS不会呈现一个名为None的组件""

Vutify-v-工具提示-不使用键盘轻击按钮显示

props至少应该定义它们的类型

Webpack - MiniCssExtractPlugin 不提取文件

Defer推迟执行，直到外部脚本加载到 Vue.js

vuetifyjs：仅添加使用过的图标来构建

在 vue.js 中获取当前时间和日期

在 SASS 中使用 Vuetify 类

如何从 .vue 文件中导出多个对象

重新加载发布到 Github 页面的 Vue 网站时出现 404

NuxtServerInit 在 Vuex 模块模式下不起作用 - Nuxt.js

如何从 bootstrap-vue 模态监听事件？

如何在 Vue.js 中获取组件元素的 offsetHeight？

Vue.js 的 $emit 和 $dispatch 有什么区别？

给 标签中的 href 赋值

是否有 v-cloak 逆？

路由使用 nuxt-i18n 在 nuxt 中推送区域设置路由

如果通过 jquery 更新，Vuejs 绑定不起作用

超过最大调用堆栈大小 Vuetify

vue-cli@3 没有可用于依赖类型的模块工厂：CssDependency