Question

我真的不喜欢bootstrap-vue ...我有一些问题是否可以创建这样的东西？

<div class="dropdown open">
    <div data-toggle="dropdown" class="dropdown-toggle">some text</div> 
    <div class="dropdown-menu">
        <div class="row">
            <div id="left_side" class="col-lg-6">
                <label class="checkbox">
                    <input type="checkbox" value="aaa">AAA</label> 
                <label class="checkbox">
                    <input type="checkbox" value="bbb">BBB</label>
            </div> 
            <div id="right_side" class="col-lg-6">some text</div>
        </div>
    </div>
</div>

我尝试了很多选项，但<b-dropdown>总是创建<button>代码

Answer 1

也许提供bootstrap-vue的示例用法。下拉组件具有DD项和DD项按钮的子组件。 https://bootstrap-vue.js.org/docs/components/dropdown

Answer 2

不是button或a的元素不具有可访问性（对于屏幕阅读器用户而言，它们没有正确的语义）。

您应该始终尽可能使用语义元素，并应用样式使它们根据需要显示。

当div总是传达它是具有与屏幕阅读器用户或仅键盘用户相同的点击和键盘行为的可点击元素时，为什么使用不传达“可点击”的button

BootstarpVue为b-dropdown提供了各种道具来控制触发按钮（或在导航栏中的定位标记）上的样式。

可通过https://bootstrap-vue.js.org/docs/components/dropdown

获取文档

使用bootstrap-vue下拉div元素

2 个答案: