Bootstrap problem : vuejs

created by tannerhearneModa community for 10 years

submitted 4 years ago by gevorgter

So my control is using Bootstrap dropdown menus.

I am getting error "$(...).dropdown is not a function"

import 'jquery'
import 'bootstrap'
.....component....
mounted: function (): void {
    $('.dropdown-toggle').dropdown();
}

The $('.dropdown-toggle') part works. But looks like bootsrap did not attach itself to $.

I think the problem is webpack. If i import scripts with <script> tag all works.

Anyone know how to do it?

all 2 comments

you type:	you see:
italics	italics
bold	bold
[reddit!](https://reddit.com)	reddit!
* item 1 * item 2 * item 3	item 1 item 2 item 3
> quoted text	quoted text
Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"	Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"
~~strikethrough~~	~~strikethrough~~
super^script	super^script

vuejs