更新记录
0.0.5(2020-05-20) 下载此版本
修改bug 为选中时选择框右侧图标错误
0.0.4(2020-05-12) 下载此版本
为避免下拉框被键盘遮挡,增加弹出框输入选择效果。
0.0.3(2020-05-07) 下载此版本
demo修改 bug修改
查看更多平台兼容性
不支持nvue
-
使用说明 在 script 中引用组件
import taogewanComboxRemote from '@/components/taogewan-combox-remote/taogewan-combox-remote.vue' export default { components: { taogewanComboxRemote } ... }
在 template 中使用组件
<taogewan-combox-remote style="text-align: right;text-align: end;" label="所在城市" emptyTips="这里啥都没有" placeholder="请选择所在城市" :candidates="candidates" @input="uniComboxInput" @select="uniComboxSelect" @clear="uniComboxClear"/>
-
属性说明
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
label | String | - | 标签文字 |
value | String | - | 与candidates匹配的值 |
labelWidth | String | auto | 标签宽度,有单位字符串,如:'100px' |
placeholder | String | - | 输入框占位符 |
candidates | Array | [] | 候选对象{key: '1', value: '北京'} |
emptyTips | String | 无匹配项 | 无匹配项时的提示语 |
isDialogInput | Boolean | false | 传入true避免键盘遮挡 |
- 事件说明
事件名 | 类型 | 默认值 | 说明 |
---|---|---|---|
@input | Function | - | combox-remote输入事件,返回输入的值 |
@select | Function | - | combox-remote选择事件,返回选择的key和对象 |
@clear | Function | - | combox-remote清空事件 |