基础的配置

页面代码

ibps-number-range基本默认的配置代码展示。直接写入模板内，传入对应得属性值即可。

<template>
        ...
        <!-- 定位 -->
        v-else-if="item.fieldType === 'numberRange'"
            v-model="params[item.modelValue + datefmt]"
            :placeholder="item.placeholder?item.placeholder:$t('common.placeholder.input')"
            :disabled="item.disabled"
            :readonly="item.readonly"
            :style="itemStyle + (item.itemWidth ? `width: ${item.itemWidth}%;` : '')"
            @input="data => changeNumber(data, item.prop[0], item.prop[1])"
            @keyup.enter.native.stop="handleEnter"

        ...
</template>

<script>
import IbpsNumberRange from '@/components/ibps-number-range'

export default {
  components:{
    IbpsNumberRange
  }
  ...
}
</script>

详细的请查看API进行使用。