Vue.js 设置buefy<；b-下拉列表>；元素到全宽

如何更改项目以填充100%宽度

找不到此项的任何选项， 我无法将css规则应用于.dropdown触发器元素。

示例笔：

b下拉列表

组件似乎是

div.dropdown->div[role=“button”]->按钮

因此，通过给div及其子div和孙子按钮100%的宽度，我能够让组件扩展到全宽

点击我！

---

示例代码不起作用，但我意识到错误是什么：我正在Vue范围样式中使用css，但css代码未应用于.dropdown触发器元素。因此，我将作用域样式更改为全局，下拉菜单的宽度为100%。它们可以真正实现expanded=“true”属性，就像按钮组件一样。并添加此scss:。扩展为{div，按钮{width:100%；}

.dropdown-box {
    border: 2px solid red;
    div, button {
        width: 100%;
    }
}