/vue-nouislider

a Vue component for noUiSlider

Primary LanguageJavaScriptMIT LicenseMIT

Vue noUiSlider

a Vue component for noUiSlider

Install

Browser

<script src="./vue-nouislider.js"></script>

Basic Usage

Template

<v-nus :config="your_config" :value="your_value" @update="your_value = $event" />

JS

data: {
  your_config: {
    step: 1,
    range: {
      'min': 1,
      'max': 10
    }
  },
  your_value: [3, 6]
}

Advanced Usage

Customize ID

<v-nus :id="your_id" :config="your_config" :value="your_value" />

Show Log

<v-nus :log="true" :config="your_config" :value="your_value" />

References

Change Log

180818

  • add demo

180727

  • allow two-way update

180726

  • initial release