JSPM – vuex-dropdown@1.0.2

Package Exports

vuex-dropdown

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (vuex-dropdown) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

A vue.js dropdown component

Image of Yaktocat

npm i --save vuex-dropdown

Browser

Include the script file

<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);

<script type="text/javascript">
  Vue.use(VuexDropdown);
</script>

Module

import VuexDropdown from 'vuex-dropdown';

Module Usage

Once installed, it can be used in a template as simply as:

<VuexDropdown
  v-on:onSelect="handleChangedropdown($event)" 
  v-bind:options="options"
  v-bind:selected="selected"
  v-bind:classNames="['wrapper']"/>

Options

[
  {
    label: "Heck",
    value: "heck"
  },
  {
    label: "Jane",
    value: "jane"
  }
]

Selected

{
  label: "Heck",
  value: "heck"
}

classNames

The classnames to wrapp the component

["wrapper"]

vuex-dropdown