Ionic4—UI组件之Searchbar搜索框组件

目录

一、概述

二、位置

三、属性

---

一、概述

Ionic4中使用ion-searchbar组件实现搜索框。

二、位置

将搜索框放在普通位置

                                                         

将搜索框放在导航栏

                                                         

三、属性

animated

如果为true，启用搜索框动画。

                                                         

type

设置输入类型。如下代码所示，设置输入类型为数字，则搜索框只能输入数字。

其它参数值：email、password、search、tel、text、url。

color

设置搜索框的颜色。

                                                         

debounce

去抖动。作用是设置ionChange事件每次值改变后等待触发的时间，以毫秒为单位。

更多属性、方法和事件，参考官方文档。