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')});