lrf402788946 5 年之前
父节点
当前提交
58a308b0de
共有 2 个文件被更改,包括 16 次插入16 次删除
  1. 15 15
      components/README.md
  2. 1 1
      components/form.vue

+ 15 - 15
components/README.md

@@ -3,30 +3,30 @@
 * form.vue:
 * form.vue:
   * props: {
   * props: {
       * fields:字段列表
       * 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}形式
+        * 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这个依赖为基础,会写这个也可以(那就厉害了,反正我是不行)
       * rules: Object 规则 不会找el-form的例子,不过使用的async-validator这个依赖为基础,会写这个也可以(那就厉害了,反正我是不行)
-      * isNew: Boolean default=>true 用来看是不是修改,不过现在还没做修改部分,还没用呢
+      * isNew: Boolean default=*true 用来看是不是修改,不过现在还没做修改部分,还没用呢
       * data: null,什么类型都行,原数据
       * data: null,什么类型都行,原数据
     }
     }
     slot: {
     slot: {
       type为
       type为
-      > select => 选项统一写在options插槽中,多个select的情况需要区分是谁的options
-      > custom => 自定义插槽,完全自己去写
+      * select =* 选项统一写在options插槽中,多个select的情况需要区分是谁的options
+      * custom =* 自定义插槽,完全自己去写
 
 
     }
     }
 
 
   * 关于自定义的用法:
   * 关于自定义的用法:
     * 在fields中,custom:true的情况即需要自定义,写法如下
     * 在fields中,custom:true的情况即需要自定义,写法如下
-      > <template #custom="{ item, form, fieldChange }"> ... </template>
+      * <template #custom="{ item, form, fieldChange }"> ... </template>
       其中
       其中
-      > item:fields循环的每一项
-      > form:组件内部表单的数据空间(挺抽象的,不过就是随便调用form.[props]可以用你输入过的值来判断什么的.具体怎么形容我也不太会,谁要是看到了可以告诉我下,或者我给谁讲讲到时候再整理下这个地方)
-      > fieldChange:改了,改完了将数据整理成{model:XXX,value:XXX}的形式传回去更新,应该需要吧
+      * item:fields循环的每一项
+      * form:组件内部表单的数据空间(挺抽象的,不过就是随便调用form.[props]可以用你输入过的值来判断什么的.具体怎么形容我也不太会,谁要是看到了可以告诉我下,或者我给谁讲讲到时候再整理下这个地方)
+      * fieldChange:改了,改完了将数据整理成{model:XXX,value:XXX}的形式传回去更新,应该需要吧
     * 如果有多处需要自定义,那就在这个template中再加入template,去判断你怎么显示
     * 如果有多处需要自定义,那就在这个template中再加入template,去判断你怎么显示

+ 1 - 1
components/form.vue

@@ -65,7 +65,7 @@ export default {
   mounted() {},
   mounted() {},
   watch: {
   watch: {
     fields: {
     fields: {
-      handle(val) {
+      handler(val) {
         this.checkType();
         this.checkType();
       },
       },
       immediate: true,
       immediate: true,