VxInputAmountRange 金额范围输入框组件

引入

import VxInputAmountRange from '@/components/vx-input-amount-range';

// 页面内局部引入
export default {
  components: {
    [VxInputAmountRange.name]: VxInputAmountRange,
  },
};
// 全局引入
Vue.component(VxInputAmountRange.name, VxInputAmountRange);

使用指南

<vx-input-amount-range 
    @getValues="getValues" 
    :min-value="min" 
    :max-value="max" 
    :medium-icon="icon" />

API

VxInputAmountRange Props

属性	说明	类型	默认值	备注
`min-value`	最小值	`String`	-	-
`max-value`	最大值	`String`	-	-
`max-length`	输入值的最大长度	`String`	`15`	-
`title`	鼠标悬浮体提示文字	`String`	-	-
`medium-icon`	中间的符号	`String`	`-`	-
`start-placeHolder`	首个输入框的placeholder	`String`	`起始金额`	-
`end-placeHolder`	第二个输入框的placeholder	`String`	`结束金额`	-

VxInputAmountRange Methods

getValues(Object)

获取输入的范围
Object:{ min: '', max: '' }，min：最小值，max：最大值
默认范围：0 - Infinity, 只要 min/max 没有输入, 则 min/max 采取默认值

Current Tags

0.0.5 ... latest (3 years ago)

1 Versions

0.0.5 ... 3 years ago