[Vuejs]-Dropdown on div element with bootstrap-vue

Maybe provide your example usage of bootstrap-vue. The dropdown component has sub components for DD items and DD item buttons. https://bootstrap-vue.js.org/docs/components/dropdown

Elements that are not button or a are not accessibility friendly (they do not have the correct semantic meanings to screen reader users).

You should always use semantic elements where possible, and apply styling to make them appear as you need.

Why use a div which does not convey “clickable”, when button always conveys that it is a clickable element that has the same click and keyboard behaviour expected by screen reader users or keyboard only users.

BootstarpVue provides various props for b-dropdown to control styles on the trigger buttons (or anchor tags when in a navbar).

Docs are available at https://bootstrap-vue.js.org/docs/components/dropdown