Skip to content

FEMessage/el-number-range

Folders and files

NameName
Last commit message
Last commit date

Latest commit

b1789c2 · Nov 11, 2020

History

27 Commits
Jul 4, 2019
Apr 23, 2019
Nov 11, 2020
Nov 11, 2020
Apr 23, 2019
Jul 4, 2019
Jun 10, 2019
Jul 4, 2019
Apr 23, 2019
Apr 23, 2019
Jan 30, 2019
Jan 30, 2019
Oct 18, 2019
Jan 30, 2019
Nov 7, 2019
Nov 7, 2019
Oct 18, 2019
Oct 18, 2019
Nov 11, 2020
Nov 11, 2020
Dec 17, 2019

Repository files navigation

el-number-range

Number range input component, first number should be not be bigger than the second.

中文文档

Table of Contents

Introduction

The number range component is suitable for scenarios which needs set number range via two inputs, such as price range.

⬆Back to Top

Feature

  • Automatically range correction
  • Support set min and max

⬆Back to Top

Demo

⬆Back to Top

Install

# 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>

⬆Back to Top

Example

Max

Min

⬆Back to Top

Contributors

Thanks goes to these wonderful people (emoji key):


linrunzheng

💻 📖

EVILLT

🚇

Donald Shen

🐛 📖

levy

🚇 👀