oio-input 输入框

代码演示

<oio-input v-model:value="value"></oio-input>

API

Input

参数 说明 类型 默认值 版本
addonAfter 带标签的 input,设置后置标签 string|slot
addonBefore 带标签的 input,设置前置标签 string|slot
allowClear 可以点击清除图标删除内容 boolean
defaultValue 输入框默认内容 string
disabled 是否禁用状态,默认为 false boolean false
maxlength 最大长度 number
prefix 带有前缀图标的 input slot
showCount 是否展示字数 boolean false
suffix 带有后缀图标的 input slot
type 声明 input 类型,同原生 input 标签的 type 属性,见:MDN(请直接使用 <a-textarea /> 代替 type="textarea")。 string text
value(v-model:value) 输入框内容 string

Input 事件

事件名称 说明 回调参数
update:value 输入框内容变化时的回调 function(e)
pressEnter 按下回车的回调 function(e)

Input.Search

代码演示

<oio-input-search v-model:value="value"></oio-input-search>

Input.Search 事件

事件名称 说明 回调参数
search 点击搜索或按下回车键时的回调 function(value, event)

其余属性和 Input 一致。

Oinone社区 作者:汤乾华原创文章,如若转载,请注明出处:https://doc.oinone.top/frontend/components/4904.html

访问Oinone官网:https://www.oinone.top获取数式Oinone低代码应用平台体验

(0)
汤乾华的头像汤乾华数式员工
上一篇 2023年12月18日 上午9:59
下一篇 2023年12月18日 上午10:28

相关推荐

  • oio-checkbox 对选框        组件

    oio-checkbox 对选框

    API 属性 Checkbox 参数 说明 类型 默认值 版本 autofocus 自动获取焦点 boolean false checked(v-model:checked) 指定当前是否选中 boolean false disabled 失效状态 boolean false indeterminate 设置 indeterminate 状态,只负责样式控制…

    2023年12月18日
    00
  • oio-dropdown 下拉菜单        组件

    oio-dropdown 下拉菜单

    向下弹出的列表。 何时使用 当页面上的操作命令过多时,用此组件可以收纳操作元素。点击或移入触点,会出现一个下拉菜单。可在列表中进行选择,并执行相应的命令。 用于收罗一组命令操作。 Select 用于选择,而 Dropdown 是命令集合。 API 属性如下 参数 说明 类型 默认值 destroyOnHide 关闭后是否销毁 Dropdown boolean…

    2023年12月18日
    00
  • OioMessage 全局提示        组件

    OioMessage 全局提示

    全局展示操作反馈信息。 何时使用 可提供成功、警告和错误等反馈信息。 顶部居中显示并自动消失,是一种不打断用户操作的轻量级提示方式。 API 组件提供了一些静态方法,使用方式和参数如下: OioMessage.success(title, options) OioMessage.error(title, options) OioMessage.info(ti…

    2023年12月18日
    00
  • oio-modal 对话框        组件

    oio-modal 对话框

    API 参数 说明 类型 默认值 版本 cancelText 取消按钮文字 string| slot 取消 closable 是否显示右上角的关闭按钮 boolean true closeIcon 自定义关闭图标 VNode | slot – confirmLoading 确定按钮 loading boolean 无 destroyOnClose 关闭时销毁…

    2023年12月18日
    00
  • oio-empty-data 空数据状态        组件

    oio-empty-data 空数据状态

    何时使用 当目前没有数据时,用于显式的用户提示。 初始化场景时的引导创建流程。 API 参数 说明 类型 默认值 版本 description 自定义描述内容 string | v-slot – image 设置显示图片,为 string 时表示自定义图片地址 string | v-slot false imageStyle 图片样式 CSSProperti…

    2023年12月18日
    00

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注