全宽拆分下拉菜单

Question

我正在尝试使用 Bootstrap-Vue 来做到这一点，¿有什么想法吗？

Code & result:

它在Fiddle 中运行良好。

在我的电脑中，如果我从“样式”中取出“范围”，它会起作用，¿为什么？

Answer 1

除非您使用 vue-loader 和 deep selector，否则您不能使用作用域样式标签定位子组件。

使用deep selector

<style scoped>
  .especial, .especial ::v-deep button:first-child {
     width: 100%
  }
</style>

或者你可以从你的样式标签中删除scoped

<style>
  .especial, .especial button:first-child {
     width: 100%
  }
</style>