0

我真的不喜欢 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>标签

4

2 回答 2

0

button不易于访问或不易于访问的元素a（它们对屏幕阅读器用户没有正确的语义含义）。

您应始终尽可能使用语义元素，并应用样式以使它们按您的需要出现。

为什么要使用div不传达“可点击”的 a whichbutton总是传达它是一个可点击元素，具有屏幕阅读器用户或仅键盘用户所期望的相同点击和键盘行为。

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

文档位于https://bootstrap-vue.js.org/docs/components/dropdown

于 2019-07-09T07:47:02.950 回答
0

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

于 2018-02-25T02:52:23.403 回答