Input 输入框

该文档不再维护,新版文档地址:form-create 文档

输入框元素类型 type: inputaccept

Icon

https://www.iviewui.com/components/icon

举例:
{
        type:"input",
        title:"商品名称",
        field:"goods_name",
        value:"iphone 7",
        props: {
            "type": "text", 
            "placeholder": "请输入商品名称", 
        },
        validate:[
            { required: true, message: '请输入goods_name', trigger: 'blur' },
        ],
}
maker快速生成:
$formCreate.maker.input('商品名称','goods_name').props({
        placeholder:'请输入商品名称'
    }).validate([
        { required: true, message: '请输入商品名称', trigger: 'blur' }
])
基本规则 rule:
字段名 说明 字段类型 是否必填 默认值
type 元素类型 String true -
field 字段名称 String true -
title 字段别名 String true -
value 字段值 String,Number false -
props 元素配置 Object true -
event 元素事件 Object false -
validate 验证规则 Array false -

元素配置 props:
字段名 说明 字段类型 是否必填 默认值
type 输入框类型，可选值为 text、password、textarea、url、email、date String true 'input'
clearable 是否显示清空按钮 Boolean true false
disabled 设置输入框为禁用状态 Boolean true false
readonly 设置输入框为只读 Boolean false false
rows 文本域默认行数，仅在 textarea 类型下有效 Number,Boolean false 4
autosize 自适应内容高度，仅在 textarea 类型下有效，可传入对象，如 { minRows: 2, maxRows: 6 } Boolean false false
number 将用户的输入转换为 Number 类型 Boolean false false
autofocus 自动获取焦点 Boolean false false
autocomplete 原生的自动完成功能，可选值为 off 和 on String false 'off'
placeholder 占位文本 String,Boolean false -
size 输入框尺寸，可选值为large、small、default或者不设置 Boolean false 'default'
spellcheck 原生的 spellcheck 属性 Boolean false false

事件扩展 event:
事件名称 说明 字段类型 是否必填 默认值
enter 按下回车键时触发 Function false -
click 设置 icon 属性后，点击图标时触发 Function false -
change 数据改变时触发 Function false -
focus 输入框聚焦时触发 Function false -
blur 输入框失去焦点时触发 Function false -
keyup 原生的 keyup 事件 Function false -
keydown 原生的 keydown 事件 Function false -
keypress 原生的 keypress 事件 Function false -

results matching ""

    No results matching ""