javascript - 如何从 bootstrap-select 监听器调用 vue 方法？

Question

我有一个带有 vuex 响应式(Reactive)自动保存应用程序的 vue，我正在使用 bootstrap-select作为尝试自动保存的字段之一。

我在 vue 组件的 Mounted() 生命周期 Hook 中声明 bootstrap-select 监听器，如下所示:

mounted() {  //vue mounted hook
    const selectpicker = $(this.$el).find('.selectpicker')

    selectpicker.selectpicker('val', this.selected);  //this shows previously saved 'selected' items

    function callback() {
      this.callVueComponentMethod()  //throws 'this.* is not a function'
    }

    selectpicker.selectpicker().on('changed.bs.select', callback()); 
}

我在已安装的钩子(Hook)中声明它，因为这就是我让它发挥最佳效果的方法...但现在我想尝试在选择更改时向父 vue 组件$emit 发送一个函数在 bootstrap-select 上，所以我需要以某种方式访问​​ bootstrap-select 监听器中的 this 对象，以调用链上的 $emit 以最终保存选择更改。

我可能会遗漏一些东西，但我觉得问题是将 this 对象放入 selectpicker 监听器范围？

感谢任何和所有的建议!谢谢:)

Answer 1

使用箭头函数解决这个问题。

let callback = () => {
  this.callVueComponentMethod();
}

要了解有关此的更多信息，您可以read这个。