el-number-range

数字范围输入框组件

Introduction

数字范围输入框，适用于需要输入范围的场景，比如价格，积分范围。

⬆ Back to Top

Feature

自动进行范围纠正
可自定义输入框范围 min/max

⬆ Back to Top

Demo

doc and online demo

⬆ Back to Top

Install

# 确保提前安装了element-ui且注册了el-input-number
yarn add element-ui --save

# Step1 安装
yarn add @femessage/el-number-range

// Step2 在需要的.vue 文件中
<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>