🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

The vue-dropdowns component provides a prettier way to display select boxes.

Form

Documentation

vue-dropdowns

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'"> </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> 

License

The MIT License


You May Also Like