sf-form 表单组件
sf-form 介绍
1.该组件是对el-form进行了二次封装;
2.更改部分属性默认值;
参照Element-UI官方文档
https://element.eleme.cn/#/zh-CN/component/form
sf-form Attributes
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
labelWidth | 表单域标签的宽度,例如 '50px'。作为 Form 直接子元素的 form-item 会继承该值。支持 auto | String | - | '130px' |
labelSuffix | 表单域标签的后缀 | String | - | '' |
size | 用于控制该表单内组件的尺寸 | String | - | 'small' |
sf-form 使用
<template>
<div>
<sf-form
:model="demo"
>
<el-form-item label="姓名">
<el-input v-model="demo.name"></el-input>
</el-form-item>
<el-form-item label="年龄">
<el-input v-model="demo.age"></el-input>
</el-form-item>
</sf-form>
</div>
</template>
<script>
export default {
data() {
return {
demo: {
name: '张三',
age: 18
}
}
},
methods: {
}
}
</script>