|
|
@@ -3,22 +3,24 @@
|
|
|
* form.vue:
|
|
|
* props: {
|
|
|
* fields:字段列表
|
|
|
- * label: String 显示的字段中文
|
|
|
- * type: String 这个字段要用什么类型来输出 input的基本类型+date,datetime(需要安装vantUI)
|
|
|
- * required: Boolean 是否必须输入
|
|
|
- * model: 必填 String 字段名
|
|
|
- * placeholder: String 占位,正常用,只是个透传
|
|
|
- * options: Object 标签的属性设置,例如:textarea 需要显示剩余字数,或者input限制长度,都往这里写,key-value形式(键值对,json的基本了解,不知道百度,具体属性看你具体用那个组件,那个组件有什么属性,瞎写不一定好使)
|
|
|
- * custom: Boolean 是否自定义
|
|
|
- * list: Array 我定义这个属性一般不是直接写在 data语块 中的,而是下面有方法处理过后合并进fields的指定的object中,用来给选择提供选项,必须是{name:XX,value:xxx}形式
|
|
|
- * rules: Object 规则 不会找el-form的例子,不过使用的async-validator这个依赖为基础,会写这个也可以(那就厉害了,反正我是不行)
|
|
|
- * isNew: Boolean default=*true 用来看是不是修改,不过现在还没做修改部分,还没用呢
|
|
|
- * data: null,什么类型都行,原数据
|
|
|
+ > label: String 显示的字段中文
|
|
|
+ > type: String 这个字段要用什么类型来输出 input的基本类型+date,datetime(需要安装vantUI)
|
|
|
+ > required: Boolean 是否必须输入
|
|
|
+ > model: 必填 String 字段名
|
|
|
+ > placeholder: String 占位,正常用,只是个透传
|
|
|
+ > options: Object 标签的属性设置,例如:textarea 需要显示剩余字数,或者input限制长度,都往这里写,key-value形式(键值对,json的基本了解,不知道百度,具体属性看你具体用那个组件,那个组件有什么属性,瞎写不一定好使)
|
|
|
+ > custom: Boolean 是否自定义
|
|
|
+ > list: Array 我定义这个属性一般不是直接写在 data语块 中的,而是下面有方法处理过后合并进fields的指定的object中,用来给选择提供选项,必须是{name:XX,value:xxx}形式
|
|
|
+ > rules: Object 规则 不会找el-form的例子,不过使用的async-validator这个依赖为基础,会写这个也可以(那就厉害了,反正我是不行)
|
|
|
+ > isNew: Boolean default=>true 用来看是不是修改,不过现在还没做修改部分,还没用呢
|
|
|
+ > data: null,什么类型都行,原数据
|
|
|
}
|
|
|
slot: {
|
|
|
type为
|
|
|
- * select =* 选项统一写在options插槽中,多个select的情况需要区分是谁的options
|
|
|
- * custom =* 自定义插槽,完全自己去写
|
|
|
+ * select => 选项统一写在options插槽中,多个select的情况需要区分是谁的options
|
|
|
+ * radio => 选项统一写在radios插槽中,多个则需要区分
|
|
|
+ * checkbox => 统一写在checkboxs插槽中,多个需要区分
|
|
|
+ * custom => 自定义插槽,完全自己去写
|
|
|
|
|
|
}
|
|
|
|
