UNPKG

vuex-dropdown

Version:
84 lines (60 loc) 1.22 kB
# vuex-dropdown > A vue.js dropdown component ![Image of Yaktocat](https://raw.githubusercontent.com/lijukrks/vuex-dropdown/master/static/images/mock.gif) ## Installation of vuex-dropdown ```js npm i --save vuex-dropdown ``` ### Browser Include the script file ```html <script type="text/javascript" src="node_modules/vuejs/dist/vue.min.js"></script> <script type="text/javascript" src="node_modules/vue-dropdown/dist/vuex-dropdown.min.js"></script> ``` ## Browser Usage then install the component with `Vue.use(VuexDropdown);` ```html <script type="text/javascript"> Vue.use(VuexDropdown); </script> ``` ### Module ```js import VuexDropdown from 'vuex-dropdown'; ``` ## Module Usage Once installed, it can be used in a template as simply as: ```html <VuexDropdown v-on:onSelect="handleChangedropdown($event)" v-bind:options="options" v-bind:selected="selected" v-bind:classNames="['wrapper']"/> ``` ## Options ```js [ { label: "Heck", value: "heck" }, { label: "Jane", value: "jane" } ] ``` ## Selected ```js { label: "Heck", value: "heck" } ``` ## classNames The classnames to wrapp the component ```js ["wrapper"] ``` ## License MIT © Liju Kuriakose