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-spin 加载中

    用于页面和区块的加载中状态。 何时使用 页面局部处于等待异步数据或正在渲染过程时,合适的加载动效会有效缓解用户的焦虑。 API 参数 说明 类型 默认值 版本 delay 延迟显示加载效果的时间(防止闪烁) number (毫秒) – loading 是否为加载中状态 boolean true wrapperClassName 包装器的类属性 string …

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

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

    2023年12月18日
    16400
  • oio-cascader 级联选择

    级联选择框。 何时使用 需要从一组相关联的数据集合进行选择,例如省市区,公司层级,事物分类等。 从一个较大的数据集合中进行选择时,用多级分类进行分隔,方便选择。 比起 Select 组件,可以在同一个浮层中完成选择,有较好的体验。 API <oio-cascader :options="options" v-model:value=…

    2023年12月18日
    39400
  • oio-button 按钮

    主按钮:用于主行动点,一个操作区域只能有一个主按钮。 默认按钮:用于没有主次之分的一组行动点。 虚线按钮:常用于添加操作。 文本按钮:用于最次级的行动点。 链接按钮:一般用于链接,即导航至某位置。 以及四种状态属性与上面配合使用。 危险:删除/移动/修改权限等危险操作,一般需要二次确认。 禁用:行动点不可用的时候,一般需要文案解释。 加载中:用于异步操作等待…

    2023年12月18日
    17900
  • oio-checkbox 对选框

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

    2023年12月18日
    37000

发表回复

登录后才能评论