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>
页面显示效果

展示效果

Copyright © 2022. 恩梯梯数据(中国)信息技术有限公司. all right reserved,powered by Gitbook该文件修订时间: 2022-02-28 15:10:28

results matching ""

    No results matching ""