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-drawer抽屉

    屏幕边缘滑出的浮层面板。 何时使用 抽屉从父窗体边缘滑入,覆盖住部分父窗体内容。用户在抽屉内操作时不必离开当前任务,操作完成后,可以平滑地回到原任务。 当需要一个附加的面板来控制父窗体内容,这个面板在需要时呼出。比如,控制界面展示样式,往界面中添加内容。 当需要在当前任务流中插入临时任务,创建或预览附加内容。比如展示协议条款,创建子对象。 API 参数 说明…

    2023年12月18日
    10600
  • OioNotification 通知提醒框

    全局展示通知提醒信息。 何时使用 在系统四个角显示通知提醒信息。经常用于以下情况: 较为复杂的通知内容。 带有交互的通知,给出用户下一步的行动点。 系统主动推送。 API OioNotification.success(title,message, config) OioNotification.error(title,message, config) Oi…

    2023年12月18日
    10100
  • oio-modal 对话框

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

    2023年12月18日
    6500
  • oio-pagination 分页

    API 参数 说明 类型 默认值 版本 currentPage(v-model:currentPage) 当前页数 number – defaultPageSize 默认的每页条数 number 15 disabled 禁用分页 boolean – pageSize 每页条数 number – pageSizeOptions 指定每页可以显示多少条 stri…

    2023年12月18日
    10300
  • oio-select 选择器

    API Select props 参数 说明 类型 默认值 版本 allowClear 支持清除 boolean false autofocus 默认获取焦点 boolean false clearIcon 自定义的多选框清空图标 VNode | slot – disabled 是否禁用 boolean false dropdownClassName 下拉菜…

    2023年12月18日
    4700

发表回复

登录后才能评论