How to Use Boostrap With Vue to Make a Dropdown
Mar 18, 2021
Vue mostly works nicely with Bootstrap's dropdowns using similar syntax to the
<select> tag in HTML.
Below is an example of using a Bootstrap dropdown to choose between 'A', 'B', and 'C'. Note that Bootstrap dropdowns do not work with Vue's
v-model directive, you need to explicitly register a
@click event handler as shown below.
Below is a live example in an
Note that the
Vue School has some of our favorite Vue video courses. Their Vue.js Master Class walks you through building a real world application, and does a great job of teaching you how to integrate Vue with Firebase. Check it out!