基础用法
埋点
事件
分隔符
区间输入框 属性
属性名 | 说明 | 类型 | 默认值 |
---|---|---|---|
model-value / v-model | 绑定值 | Array | — |
placeholder | input元素的 placeholder | Array | — |
disabled | 禁用标志 | Boolean | — |
clearable | 区间输入框可清空 | Boolean | — |
separator | 分隔符,详细使用可以查看分隔符例子 | String | 组件 |
其他查询组件通用属性请查看查询组件通用
区间输入框 事件
事件名 | 说明 | 回调参数 |
---|---|---|
blur | 当选择器的输入框失去焦点时触发 | (event:FocusEvent, index: 触发的input的索引) |
focus | 当选择器的输入框获得焦点时触发 | (event:FocusEvent, index: 触发的input的索引) |
change | 仅当 modelValue 改变时,当输入框失去焦点或用户按Enter时触发 | (value: 改变后的数据, event: 触发的事件, index: 触发的input的索引) |
input | 在 Input 值改变时触发 | (value: 改变后的数据) |
clear | 在点击由 clearable 属性生成的清空按钮时触发 | () |
另外查询组件通用事件请查看查询组件通用
区间输入框 插槽
插槽名 | 说明 |
---|---|
prefix | 输入框头部内容 |
suffix | 输入框尾部内容 |
separator | 输入框分隔符 |
区间输入框 Exposes
属性名 | 说明 | 类型 |
---|---|---|
ref | 区间输入框 input 元素数组 | [RefImpl, RefImpl] |
clearValue | 清空输入框的方法 | Function: () => void |
haveValue | 输入框是否有值 | ComputedRefImpl<Boolean> |
isChange | 输入框的值是否改变 | ComputedRefImpl<Boolean> |
blur | 使 input 失去焦点方法,接收一个索引:不传都失焦,传了失焦指定的input | Function: (index) => void |
focus | 使 input 失去聚焦方法,接收一个索引:不传聚焦第一个,传了聚焦指定的input | Function: (index) => void |