javascript - 错误: not a function (on mounted)

Question

我正在尝试实现一些功能，以在用户单击菜单/模式区域之外时关闭所有菜单/模式。

this.closeMenu() 已正确调用，但我收到一条错误，提示 this.closeMenu 不是函数。这是什么原因？

methods: Object.assign({},
  {
    closeMenu(){
      console.log("close menu")
    }
  }
)


mounted(){
  $(document).on('click', function(event) {
    if (!$(event.target).closest('.menu').length){
      // close all menus
      this.closeMenu()
    }
  });
}

Answer 1

这里的

this 关键字不是 Vue 实例。您可以通过分配 var self = this

来实现一个技巧

mounted(){
  var self = this;
  $(document).on('click', function(event) {
    if (!$(event.target).closest('.menu').length){
      // close all menus
      self.closeMenu()
    }
  });
}