Is it possible to trigger bootstraps dropdown creation manually? (VueJS)

Question

It seems all the VueJS bootstrap components were built on version 1.x and I get nothing but errors (even with packages claiming to support 2.0) when trying to use any of the packages with Vue 2.x

Is it possible to trigger bootstraps dropdown creation on elements from the componentCreated life cycle?

e.g.

export default {
    componentCreated() {
        $(el).createDropdown();
    }
}

I've looked through the src of bootstraps dropdown but I cannot figure out how to call it on the element to initialize it as a dropdown.

Any help on this would be great thanks

tony19 · Accepted Answer · 2022-07-16 01:58:38Z

1

I am very not sure about your bootstrap code but I dont see any componentCreated hook in vue lifecycle hooks. I think the hook you should be using is either created or mounted.

Following is vue lifecycle diagram:

In bootstrap 4 and in older versions as well, following is the JS code to create dropdown:

$('.dropdown-toggle').dropdown()

edited Jul 16, 2022 at 1:58

tony19

140k23 gold badges281 silver badges354 bronze badges

answered Dec 31, 2016 at 3:26

Saurabh

73.8k44 gold badges193 silver badges251 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Datsik Over a year ago

I thought this only toggled the .hide class on the dropdown, and you're right, I was thinking of componentUpdated from directives

Saurabh Over a year ago

@Datsik yes you are right: $('.dropdown-toggle').dropdown() toggles dropdown, I am not sure of this code: $(el).createDropdown();.

Collectives™ on Stack Overflow

Is it possible to trigger bootstraps dropdown creation manually? (VueJS)

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related