bootstrap-vue - bootstrap vue 下拉菜单创建一个没有 data-v-XXX 的按钮

Question

我正在使用 bootstrap vue 创建一个下拉列表，但我无法在其上应用范围样式，因为主按钮是在没有“data-v-XXX”属性的情况下创建的。

有什么解决办法吗？

<b-dropdown id="ddown2" variant="link" toggle-class="btn-clean">
  <b-dropdown-item-button>test 1
  </b-dropdown-item-button>
  <b-dropdown-item-button>test 2
  </b-dropdown-item-button>
</b-dropdown>

<style scoped>
  .btn-clean {
      color: #337ab7;
  }
</style>

生成的代码:

<div id="ddown2" class="btn-group b-dropdown dropdown" data-v-25a41064=""> 
   <button id="ddown2__BV_toggle_" aria-haspopup="true" aria-expanded="false" type="button" class="btn btn-link dropdown-toggle btn-clean">test1</button>
   <div role="menu" aria-labelledby="ddown2__BV_toggle_" class="dropdown-menu">
       <button role="menuitem" type="button" class="dropdown-item" data-v-25a41064="">test1
      </button><button role="menuitem" type="button" class="dropdown-item" data-v-25a41064="">test2
      </button>
   </div>
</div>

按钮 id="ddown2__BV_toggle_"上没有“data-v-25a41064”

Answer 1

今天我也遇到了同样的问题。如果我将组件的样式设置得更高，这对我很有帮助。