# Form - 表单
# 示例
# 代码
点击查看源码
<len-form :model="model" label-width="80px">
<len-form-item label="用户名">
<len-input
placeholder="请输入用户名"
v-model="model.username"
clearable
></len-input>
</len-form-item>
<len-form-item label="密码">
<len-input
type="password"
placeholder="请输入密码"
v-model="model.password"
show-password
></len-input>
</len-form-item>
<len-form-item label="性别">
<len-radio-group v-model="model.gender">
<len-radio label="1">男</len-radio>
<len-radio label="0">女</len-radio>
</len-radio-group>
</len-form-item>
<len-form-item>
<len-checkbox-group v-model="model.items">
<len-checkbox label="选项一"></len-checkbox>
<len-checkbox label="选项二"></len-checkbox>
<len-checkbox label="选项三"></len-checkbox>
</len-checkbox-group>
</len-form-item>
<len-form-item label="开关">
<len-switch v-model="model.active"></len-switch>
</len-form-item>
</len-form>
data() {
return {
model: {
username: 'admin',
password: '123456',
gender: '1',
items: ['选项一', '选项二', '选项三'],
},
}
}
# API
# Form
参数名称 | 参数描述 | 参数类型 | 默认值 |
---|---|---|---|
model | 表单数据对象 | object / string / number | |
labelWidth | 表单域标签的宽度,例如 '50px'。 | string |
# Form-group
参数名称 | 参数描述 | 参数类型 | 默认值 |
---|---|---|---|
label | 标签文本 | string |
← Switch - 开关 Tab - 选项卡 →