frame/components

组件说明文档

form.vue

props

fields

Array类型 必填

参数	类型	默认值	是否必填	说明
label	String	-	是	显示的字段中文
type	String	input	否	这个字段要用什么类型来输出 input的基本类型可选值:date,datetime,radio,checkbox,select
required	Boolean	-	否	是否必须输入
model	String	-	是	字段名
placeholder	String	-	否	占位,正常用,只是个透传
options	object	-	否	标签的属性设置,例如:textarea 需要显示剩余字数,或者input限制长度,都往这里写,key-value形式(键值对,json的基本了解,不知道百度,具体属性看你具体用那个组件,那个组件有什么属性,瞎写不一定好使)
custom	Boolean	-	否	是否使用自定义插槽

rules

object类型 非必填 校验规则,不会找el-form的例子,不过使用的async-validator这个依赖为基础,会写这个也可以(那就厉害了,反正我是不行)

isNew

Boolean类型 default=>true 用来看是不是修改

data

任意类型 原数据

slot

插槽名	说明
options	fields中type为select的,选项都写在这个插槽中,多个select则需要区分options所属问题
radios	fields中type为radio的,选项都写在这个插槽中,多个radio则需要区分radios所属问题
checkbox	fields中type为checkbox的,选项都写在这个插槽中,多个checkbox则需要区分checkboxs所属问题
custom	自定义插槽,完全自己去写

关于自定义的用法: 在fields中,custom:true的情况即需要自定义,写法如下

<template #custom="{ item, form, fieldChange }"> ... </template>

参数名	说明
item	fields循环出来的每一项
form	组件内部的表单
fieldChange	组件内部的修改方法,此方法不一定必须使用,看情况来;参数:{model:xxx,value:XXX}(model:字段名,value:值)

在使用时,此插槽内的v-model可以写成form[item.model],也可以写成form.字段名

例如<el-input v-model="form[item.model]">或者<el-input v-model="form.xxx">

如果有多处需要自定义,请区分开去写

---

upload

url

String类型 必填 上传地址

limit

Number类型 必填 限制数量

data

任意类型 必填 已经上传的图片

type

任意类型 必填 传回父组件有两个参数 type 和 data,type自己传的,自己怎么用都行;data是upload上传完后返回的信息