Vue Dropdown Component

Vue Dropdown Component

A Vue.js dropdown component with support for multiple selection and checkboxes.

vue-dropdown

This is yet another vue dropdown component.

Install

Use npm to download code:

npm install hsy-vue-dropdown -S

then import it into your project, add below code into your main.js:

import Dropdown from 'hsy-vue-dropdown'

Vue.use(Dropdown)

Usage

<template>
  <dropdown :data="data" :cbChanged="changed"></dropdown>
</template>

<script>
const data = [{
  label: 'Volvo',
  value: 1
}, {
  label: 'Saab',
  value: 2
}, {
  label: 'Long long long long long long test',
  value: 2
}]

export default {
  data() {
    return {
      data
    }
  },
  methods: {
    changed(selected) {
      console.log(selected)
    }
  }
}
</script>

Props

Coming...

Demo

Demo

Screenshot

Github Repository

Tags: #VueJs