update Select

update Select

src/components/select/select.vue

@@ -310,8 +310,13 @@
                                 value: value,
                                 label: label
                             });
+                            this.$dispatch('on-form-change', {
+                                value: value,
+                                label: label
+                            });
                         } else {
                             this.$emit('on-change', value);
+                            this.$dispatch('on-form-change', value);
                         }
                     }
                 }
@@ -340,8 +345,10 @@
                     if (!init) {
                         if (this.labelInValue) {
                             this.$emit('on-change', hybridValue);
+                            this.$dispatch('on-form-change', hybridValue);
                         } else {
                             this.$emit('on-change', value);
+                            this.$dispatch('on-form-change', value);
                         }
                     }
                 }

src/styles/components/form.less

@@ -35,7 +35,7 @@
     .clearfix();
     &-content {
         position: relative;
-        line-height: 32px;
+        //line-height: 32px;
         font-size: @font-size-small;
     }
 

test/routers/form.vue

@@ -50,6 +50,16 @@
                     </Checkbox>
                 </Checkbox-group>
             </form-item>
+            <form-item label="select" prop="select">
+                <i-select :model.sync="form.select" style="width:200px" clearable>
+                    <i-option v-for="item in cityList" :value="item.value">{{ item.label }}</i-option>
+                </i-select>
+            </form-item>
+            <form-item label="select多选" prop="selectm">
+                <i-select :model.sync="form.selectm" multiple style="width:260px">
+                    <i-option v-for="item in cityList" :value="item.value">{{ item.label }}</i-option>
+                </i-select>
+            </form-item>
             <form-item>
                 <i-button type="primary" @click="onSubmit('form')">提交</i-button>
             </form-item>
@@ -61,12 +71,40 @@
         props: {},
         data () {
             return {
+                cityList: [
+                    {
+                        value: 'beijing',
+                        label: '北京市'
+                    },
+                    {
+                        value: 'shanghai',
+                        label: '上海市'
+                    },
+                    {
+                        value: 'shenzhen',
+                        label: '深圳市'
+                    },
+                    {
+                        value: 'hangzhou',
+                        label: '杭州市'
+                    },
+                    {
+                        value: 'nanjing',
+                        label: '南京市'
+                    },
+                    {
+                        value: 'chongqing',
+                        label: '重庆市'
+                    }
+                ],
                 form: {
                     mail: '',
                     passwd: '',
                     single: false,
                     group: '',
-                    checkboxgroup: []
+                    checkboxgroup: [],
+                    select: '',
+                    selectm: []
                 },
                 rules: {
                     mail: [
@@ -97,6 +135,19 @@
                         {
                             required: true, message: '至多选择3个', max: 3, type: 'array'
                         }
+                    ],
+                    select: [
+                        {
+                            required: true
+                        }
+                    ],
+                    selectm: [
+                        {
+                            required: true, type: 'array'
+                        },
+                        {
+                            min: 2, type: 'array'
+                        }
                     ]
                 }
             }