input-number-range

tips：更多定制化需求请联系: [email protected] / vx:iverson96i

背景：

在开发时遇到一个数字区间输入框的需求，项目使用的是vue，组件库用的是element UI，但是element UI并没有提供数字区间组件，只提供了InputNumber 计数器输入框，如果用两个计数器输入框进行拼接也能满足需求，但是样式调试起来太过于复杂且不够灵活，不能令人满意，并且该数字区间输入框在其它界面也有这种需求，于是就在element input输入框的基础上自行封装了一个数字区间组件使用。

Demo地址：

https://heyu3913.github.io/InputNumberRange/dist/index

使用方式：

npm下载：
  npm i input-number-range -S
项目中引用：
  import InputNumberRange from 'InputNumberRange'
组件中使用(记得注册)
<InputNumberRange ></InputNumberRange> (具体可看项目中App.vue)

参数说明：

参数	说明	类型	可选值	默认值	是否必选
v-model	选中项绑定值	array	-	-	是
disabled	是否禁用	boolean	-	false	否
precision	属性控制精度	number	-	0

事件说明：

事件名称	说明	回调参数
blurfrom	fromInput框失焦	event
focusfrom	fromInput聚焦	event
blurto	toInput框失焦	event
focusto	toInput框聚焦	event
inputfrom	fromInput框输入	输入的值
inputto	toInput框输入	输入的值