如何从参数函数中访问 Vue 实例？

Question

所以基于this thread我实现了这个sn-p：

methods: {
    checkSearchString: _.debounce( string => {
         console.log("watcher firing for search!");
         console.log(this.searchInput);
        this.$emit("search", this.searchInput);
    }, 2000)
},
watch: {
    searchInput : "checkSearchString"
}

但正如 cmets 在接受的答案中指出的那样，“this”并不指向 vue 实例，所以我无法访问它。如何从函数内访问 vue 实例？或者我怎样才能更好地解决这个问题？

这里的主要目标是使用 _.debounce 和观察者在用户停止输入时触发搜索，并以简洁的方式实现。

编辑：感谢您在此处指出使用箭头函数作为上下文问题，另一个线程上的用户确实指出这是问题，但我不明白为什么

Answer 1

你使用了失去上下文的箭头函数。 用普通的匿名函数来做

watch: {
    searchInput : "checkSearchString"
}

methods: {
    checkSearchString: _.debounce( function(value) {
         console.log("watcher firing for search!");
         console.log(value);
        this.$emit("search", value);
    }, 2000)
},