fixed #1661

examples/routers/grid.vue

@@ -1,16 +1,26 @@
 <style>
-    .demo-col div{
+    .ivu-col div{
-        background: #f50;
+        background: rgba(0,153,229,.7);
     }
 </style>
 <template>
     <div>
-        <Row :gutter="16">
+        <Row :gutter="64">
-            <i-col class-name="demo-col" span="4" v-for="i in n" key="i">
+            <Card>
-                <div>col-8</div>
+                <i-col span="6">
-            </i-col>
+                    <div>col-6</div>
+                </i-col>
+                <i-col span="6">
+                    <div>col-6</div>
+                </i-col>
+                <i-col span="6">
+                    <div>col-6</div>
+                </i-col>
+                <i-col span="6">
+                    <div>col-6</div>
+                </i-col>
+            </Card>
         </Row>
-        <Button @click="add">add</Button>
     </div>
 </template>
 <script>

src/components/grid/col.vue

@@ -4,6 +4,7 @@
     </div>
 </template>
 <script>
+    import { findComponentUpward } from '../../utils/assist';
     const prefixCls = 'ivu-col';
 
     export default {
@@ -70,7 +71,10 @@
         },
         methods: {
             updateGutter () {
-                this.$parent.updateGutter(this.$parent.gutter);
+                const Row = findComponentUpward(this, 'Row');
+                if (Row) {
+                    Row.updateGutter(Row.gutter);
+                }
             }
         },
         mounted () {

src/components/grid/row.vue

@@ -4,7 +4,7 @@
     </div>
 </template>
 <script>
-    import { oneOf } from '../../utils/assist';
+    import { oneOf, findComponentsDownward } from '../../utils/assist';
 
     const prefixCls = 'ivu-row';
 
@@ -58,11 +58,14 @@
         },
         methods: {
             updateGutter (val) {
-                this.$children.forEach((child) => {
+                const Cols = findComponentsDownward(this, 'iCol');
-                    if (val !== 0) {
+                if (Cols.length) {
-                        child.gutter = val;
+                    Cols.forEach((child) => {
-                    }
+                        if (val !== 0) {
-                });
+                            child.gutter = val;
+                        }
+                    });
+                }
             }
         },
         watch: {