Search搜索表单域组件
ax-search组件可实现常见的搜索表单域,支持嵌套使用多种自定义表单域,还可以使用autocomplete自动完成。
简单使用
内置的ax-fields
组件可以使用单行表单域任意组合以实现“文本域+按钮”的搜索界面。
- 输出
- HTML
全宽
使用full
属性可以水平铺满容器。
- 输出
- HTML
Attributes属性
属性名 | 语义类型 | 可选值 | 默认值 | 说明 |
---|---|---|---|---|
disabled | boolean | - | - | 是否禁用 |
full | boolean | - | - | 是否全宽显示 |
notable | boolean | - | - | 是否突出显示 |
size | string | 'sm'/'md'/'lg' | 'md' | 尺寸 |
label | string | - | - | 标题 |
shape | string | 'radius'/'round'/'square' | 'radius' | 边框形状 |
Methods方法
有组件通用的内置方法:
- set:设置组件属性,支持一个参数即被设置的属性值键值对
{key,value}
或其数组 - reset:重置组件属性,无参数
- clear:清除属性和值,无参数
基本用法:CompElem.reset();
Events事件
有组件通用的事件:
- connected:组件连接成功,无参数
- disconnected:组件断开连接,无参数
- adopted:组件被转移,无参数
- set:设置了属性,支持一个参数即设置的值
- cleared:清除了属性,无参数
- reset:重置了属性,无参数
基本用法:CompElem.on('connected',()=>{console.log('connected')});