fixed CheckboxGroup bug

fixed CheckboxGroup bug

fixed CheckboxGroup bug
梁灏
1 parent fc640135
Showing 3 changed files with 25 additions and 41 deletions Show diff stats
src/components/checkbox/checkbox-group.vue
test/routers/date.vue
test/routers/more.vue
@@ -43,11 +43,12 @@
         },
         watch: {
             model (val, oldVal) {
-                if (val == oldVal) {
-                    this.updateModel();
-                } else {
-                    this.updateModel(true);
-                }
+//                if (val == oldVal) {
+//                    this.updateModel();
+//                } else {
+//                    this.updateModel(true);
+//                }
+                this.updateModel(true);
             }
         }
     }
@@ -7,16 +7,15 @@
             <i-col span="8">
                 <!--<i-button @click="setDate">set date</i-button>-->
                 <date-picker
-                        :type="type"
+                        type="month"
                         style="width:200px"
                         placeholder="请选择日期"
                         :value.sync="value"
                         @on-change="change"
-                        :confirm="true"
+                        :confirm="false"
                         :options="options"
                         open
                         @on-open-change="change2">
-                    <p>123</p>
                 </date-picker>
             </i-col>
             <i-col span="8">
-<style>
-    .ivu-col div.aaaaa{
-        height: 100px;
-        line-height: 100px;
-        text-align: center;
-        color: #fff;
-        background: rgba(0, 153, 229, .9);
-    }
-    .ivu-col:nth-child(odd) div.aaaaa{
-        background: rgba(0, 153, 229, .7);
-    }
-</style>
 <template>
-    <Row>
-        <i-col :xs="2" :sm="4" :md="6" :lg="8"><div class="aaaaa">Col 1</div></i-col>
-        <i-col :xs="20" :sm="16" :md="12" :lg="8"><div class="aaaaa">Col 2</div></i-col>
-        <i-col :xs="2" :sm="4" :md="6" :lg="8"><div class="aaaaa">Col 3</div></i-col>
-    </Row>
-    <br><br>
-    <Row>
-        <i-col :xs="{ span: 5, offset: 1 }" :lg="{ span: 6, offset: 2 }"><div class="aaaaa">Col 1</div></i-col>
-        <i-col :xs="{ span: 11, offset: 1 }" :lg="{ span: 6, offset: 2 }"><div class="aaaaa">Col 2</div></i-col>
-        <i-col :xs="{ span: 5, offset: 1 }" :lg="{ span: 6, offset: 2 }"><div class="aaaaa">Col 3</div></i-col>
-    </Row>
-    <i-button @click="start">Start</i-button>
-    <i-button @click="finish">Finish</i-button>
-    <i-button @click="error">Error</i-button>
+    {{ fruit |json}}
+    <Checkbox-group :model.sync="fruit" @on-change="changed">
+        <Checkbox value="a"></Checkbox>
+        <Checkbox value="b"></Checkbox>
+        <Checkbox value="c"></Checkbox>
+    </Checkbox-group>
+    <i-button @click="change">change</i-button>
 </template>
 <script>
     export default {
+        data () {
+            return {
+                fruit: ['b']
+            }
+        },
         methods: {
-            start () {
-                this.$Loading.start();
-            },
-            finish () {
-                this.$Loading.finish();
+            change () {
+                this.fruit.splice(0, 1);
+//                this.fruit = ['a']
             },
-            error () {
-                this.$Loading.error();
+            changed (s) {
+                console.log(s)
             }
         }
     }