Number range input component, first number should be not be bigger than the second.
The number range component is suitable for scenarios which needs set number range via two inputs, such as price range.
- Automatically range correction
- Support set min and max
# ensure installed element-ui and registered el-input-number
yarn add element-ui --save
# Step1 install
yarn add @femessage/el-number-range// Step2 In the required .vue file
<template>
<el-number-range v-model="range" />
</template>
<script>
import ElNumberRange from '@femessage/el-number-range'
export default {
components: {
ElNumberRange
},
data() {
return {
range: [0, 1000]
}
}
}
</script>
Thanks goes to these wonderful people (emoji key):
 linrunzheng 💻 📖 |
 EVILLT 🚇 |
 Donald Shen 🐛 📖 |
 levy 🚇 👀 |
|---|