使用Vue.js如何刷新用lodash消除抖动的方法?

您之所以会遇到问题,是因为vue处理methods部分的方式有一个怪癖。

.bind this 总是有用的。

由于这种循环,您只能访问函数本身,而这些函数没有其他成员。

var app = new Vue({
    el: "#app",    
      data: {
            change: _.debounce(function() {
        console.log("changing...");
      }.bind(this), 1000),
    },
    methods: {
      changeNow: function() {
        this.change.flush();
      }
    }
  });

https://codepen.io/anon/pen/gBZrrj?editors=1111

如果将方法定义移动到已创建的钩子中(如中的示例所示),这似乎是可行的 the docs

var app = new Vue({
    el: "#app",
    created() {
      this.change = _.debounce(function() {
        console.log("changing...");
      }, 1000);
      this.changeNow = function() {
        console.log("now...")
        this.change();
        this.change.flush();
      };
    }
  });

Codepen