fixed bug

Author: 黄书伟

examples/doc/updateLog.md

@@ -1,9 +1,12 @@
+2017-12-4（未发布）
+1、修复 table 组件 固定左列偶尔无法触发滚动事件的bug
+
 2017-12-1
 1、修复 table 组件左侧固定列绑定滚动事件失效的问题
 2、优化 table 组件列滚动事件重复注册的问题
 3、修复 table 组件 当 vue 路由切换导致列滚动事件失效的问题
 
-2017-11-30（未发布）
+2017-11-30
 1、loading 效果位置优化，当有头部时，loading效果下移，否则垂直居中
 2、loading 透明度允许外部传入，默认0.6（opacity）
 

libs/v-table/src/scroll-control-mixin.js

@@ -44,11 +44,7 @@ exports.default = {
                         scrollControl: function scrollControl() {
                                     var _this = this;
 
-                                    if (this.hasBindScrollEvent) {
-                                                return false;
-                                    }
-
-                                    this.hasBindScrollEvent = true;
+                                    this.unbindEvents();
 
                                     setTimeout(function (x) {
 
@@ -60,16 +56,21 @@ exports.default = {
                                                 _utils2.default.bind(body2, 'scroll', _this.body2Scroll);
                                                 _utils2.default.bind(rightViewFooter, 'scroll', _this.rightViewFooterScroll);
                                     });
+                        },
+                        unbindEvents: function unbindEvents() {
+
+                                    var body1 = this.$el.querySelector('.v-table-leftview .v-table-body');
+                                    var body2 = this.$el.querySelector('.v-table-rightview .v-table-body');
+                                    var rightViewFooter = this.$el.querySelector('.v-table-rightview .v-table-footer');
+
+                                    _utils2.default.unbind(body1, 'mousewheel', this.body1Mousewheel);
+                                    _utils2.default.unbind(body2, 'scroll', this.body2Scroll);
+                                    _utils2.default.unbind(rightViewFooter, 'scroll', this.rightViewFooterScroll);
                         }
             },
 
             beforeDestroy: function beforeDestroy() {
-                        var body1 = this.$el.querySelector('.v-table-leftview .v-table-body');
-                        var body2 = this.$el.querySelector('.v-table-rightview .v-table-body');
-                        var rightViewFooter = this.$el.querySelector('.v-table-rightview .v-table-footer');
 
-                        _utils2.default.unbind(body1, 'mousewheel', this.body1Mousewheel);
-                        _utils2.default.unbind(body2, 'scroll', this.body2Scroll);
-                        _utils2.default.unbind(rightViewFooter, 'scroll', this.rightViewFooterScroll);
+                        this.unbindEvents();
             }
 };

libs/v-table/src/table.vue

@@ -362,7 +362,6 @@
                 // 最大宽度（当width:'max'时）
                 maxWidth: 5000,
                 hasFrozenColumn: false,// 是否拥有固定列（false时最后一列的右边border无边框）
-                hasBindScrollEvent: false, // 是否绑定了滚动事件（防止多次注册）
                 resizeTimer:null
             }
         },
@@ -842,11 +841,6 @@
 
                     this.tableEmpty();
 
-                    if (this.isTableEmpty){
-
-                        this.hasBindScrollEvent = false;
-                    }
-
                     if (Array.isArray(newVal) && newVal.length > 0) {
 
                         this.initView();

packages/v-table/src/scroll-control-mixin.js

@@ -42,9 +42,7 @@ export default {
         // 列表中滚动条控制
         scrollControl(){
 
-            if (this.hasBindScrollEvent){return false;}
-
-            this.hasBindScrollEvent = true;
+            this.unbindEvents();
 
             // 修复左侧固定列绑定滚动事件失效的问题
             setTimeout(x => {
@@ -57,16 +55,22 @@ export default {
                 utils.bind(body2, 'scroll', this.body2Scroll);
                 utils.bind(rightViewFooter, 'scroll', this.rightViewFooterScroll);
             })
+        },
+
+        unbindEvents(){
+
+            var body1 = this.$el.querySelector('.v-table-leftview .v-table-body');
+            var body2 = this.$el.querySelector('.v-table-rightview .v-table-body');
+            var rightViewFooter = this.$el.querySelector('.v-table-rightview .v-table-footer');
+
+            utils.unbind(body1, 'mousewheel', this.body1Mousewheel);
+            utils.unbind(body2, 'scroll', this.body2Scroll);
+            utils.unbind(rightViewFooter, 'scroll', this.rightViewFooterScroll);
         }
     },
 
     beforeDestroy(){
-        var body1 = this.$el.querySelector('.v-table-leftview .v-table-body');
-        var body2 = this.$el.querySelector('.v-table-rightview .v-table-body');
-        var rightViewFooter = this.$el.querySelector('.v-table-rightview .v-table-footer');
 
-        utils.unbind(body1, 'mousewheel', this.body1Mousewheel);
-        utils.unbind(body2, 'scroll', this.body2Scroll);
-        utils.unbind(rightViewFooter, 'scroll', this.rightViewFooterScroll);
+        this.unbindEvents();
     }
 }

packages/v-table/src/table.vue

@@ -362,7 +362,6 @@
                 // 最大宽度（当width:'max'时）
                 maxWidth: 5000,
                 hasFrozenColumn: false,// 是否拥有固定列（false时最后一列的右边border无边框）
-                hasBindScrollEvent: false, // 是否绑定了滚动事件（防止多次注册）
                 resizeTimer:null
             }
         },
@@ -842,11 +841,6 @@
 
                     this.tableEmpty();
 
-                    if (this.isTableEmpty){
-
-                        this.hasBindScrollEvent = false;
-                    }
-
                     if (Array.isArray(newVal) && newVal.length > 0) {
 
                         this.initView();