在开发过程中数字间隔输入框的开发中，如下所示：
该项目使用VUE，组件库使用元素UI，但是元素UI不提供数字间隔组件。它仅提供InputNumber计数器输入框，它太复杂且不够灵活，无法令人满意，并且数字间隔输入框也具有其他接口的需求，因此它用于根据数字间隔组件使用数字间隔组件。元素输入框。
实施效应如下：
使用方式如下：
其中，是否禁用禁用属性控件，精度属性控制精度不认为0只能输入整数。V模型双向与要通过的值结合。该值是数组类型[最小值，最大值]
此外，此组件只能输入数字，输入其他非数字或错误数字（多个小数）将默认；首先输入最小值时，如果当时输入的最大值小于最小值，则最大值是最小值的最小值。当您首先输入最大值时，如果以后输入的最小值大于最大值，最小值默认值为最大值
实施代码可以分为组件的两个包装代码，一个是上述实现效果的演示代码。
数字间隔组件代码
以上是完整的组件代码。编写组件代码后，它将在项目中使用。有两种方法。一种是通过参考如下：使用它：
另一种方法是在main.js中执行全局组测试，以便您可以自由使用
示例演示代码
以上是数字间隔输入组件作为演示内容的实现
原始：https：//juejin.cn/post/7100122768330473502