A better way to handle v-for on objects.

No special dependencies, no jquery, no bootstrap, just VueJS and CSS goodness.

Demo

Requirements

Installation

$ npm install vue-dropdowns // OR $ yarn add vue-dropdowns

Usage

< dropdown : options = " arrayOfObjects " : selected = " object " v-on:updateOption = " methodToRunOnSelect " : placeholder = " 'Select an Item' " : closeOnOutsideClick = " boolean " > </ dropdown > < script > import dropdown from ' vue-dropdowns ' ; export default { data ( ) { return { arrayOfObjects : [ ] , object : { name : ' Object Name ' , } } } , components : { ' dropdown ' : dropdown , } , methods : { methodToRunOnSelect ( payload ) { this . object = payload ; } } } </ script >

Default values of props

Property Type Default value closeOnOutsideClick boolean true placeholder string 'Select an Item'

License

The MIT License