From 9eec7f16603c2a20c1fd89659a8e84533c209d3f Mon Sep 17 00:00:00 2001
From: 梁灏 <admin@aresn.com>
Date: Thu, 24 Aug 2017 15:06:54 +0800
Subject: [PATCH] fixed #1661

---
 examples/routers/grid.vue   | 24 +++++++++++++++++-------
 src/components/grid/col.vue |  6 +++++-
 src/components/grid/row.vue | 15 +++++++++------
 3 files changed, 31 insertions(+), 14 deletions(-)

diff --git a/examples/routers/grid.vue b/examples/routers/grid.vue
index b328ab9..1cb7e88 100644
--- a/examples/routers/grid.vue
+++ b/examples/routers/grid.vue
@@ -1,16 +1,26 @@
 <style>
-    .demo-col div{
-        background: #f50;
+    .ivu-col div{
+        background: rgba(0,153,229,.7);
     }
 </style>
 <template>
     <div>
-        <Row :gutter="16">
-            <i-col class-name="demo-col" span="4" v-for="i in n" key="i">
-                <div>col-8</div>
-            </i-col>
+        <Row :gutter="64">
+            <Card>
+                <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>
+                <i-col span="6">
+                    <div>col-6</div>
+                </i-col>
+            </Card>
         </Row>
-        <Button @click="add">add</Button>
     </div>
 </template>
 <script>
diff --git a/src/components/grid/col.vue b/src/components/grid/col.vue
index 86bf6d6..959b692 100644
--- a/src/components/grid/col.vue
+++ b/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 () {
diff --git a/src/components/grid/row.vue b/src/components/grid/row.vue
index 322d1bb..b7d9a84 100644
--- a/src/components/grid/row.vue
+++ b/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) => {
-                    if (val !== 0) {
-                        child.gutter = val;
-                    }
-                });
+                const Cols = findComponentsDownward(this, 'iCol');
+                if (Cols.length) {
+                    Cols.forEach((child) => {
+                        if (val !== 0) {
+                            child.gutter = val;
+                        }
+                    });
+                }
             }
         },
         watch: {
--
libgit2 0.21.4