表单(vFrom)

单组件引入

import <name> from ‘vucc/from’;
import <name> from ‘vucc/from-item’;

示例
















登录


代码 V

<v-form>
    <v-form-item
            :is-explain-show="true"
            :explain-text="'输入正确'"
            :explain-type="'success'"
            label="账户：">
        <v-input placeholder="请输入账户名"></v-input>
    </v-form-item>
    <v-form-item
            label="密码：">
        <v-input type="password" placeholder="请输入密码"></v-input>
    </v-form-item>
    <v-form-item>
        <label>
            <v-checkbox :data="[{label: '记住我', value: true}]"></v-checkbox>
        </label>
    </v-form-item>
    <v-button type="primary">登录</v-button>
</v-form>



from-item属性

参数 说明 类型 可选值 默认值
label 标题 String - -
labelCol label占grid列数 String/Number [0, 24] -
wrapperCol input占grid列数 String/Number [0, 24] -
isRequire 是否必填,带小红点 Boolean [0, 24] -
explainType 报错的类型 error/success/warning/feedback - ‘’
explainText 提示文字 String - -
isExplainShow 是否显示提示文字 Boolean - -

from 属性

参数 说明 类型 可选值 默认值
isVertical 是否竖向排列 Boolean - false
isValid 表单是否验证完成 Boolean - false
← 树状组件(vTree) 搜索框(vSearch) →